@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'adam.cg_proregular';
    src: url('adam.cg_pro-webfont.woff2') format('woff2'),
         url('adam.cg_pro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'houseplant_demoregular';
    src: url('houseplant_demo-webfont.woff2') format('woff2'),
         url('houseplant_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {background: black;}

.background {background: url("omdpage24.jpg");
             width: 1000px;
             height: 640px;
             position: relative;
             margin: 0px auto;
}

.content {font-family: 'adam.cg_proregular';
          position: absolute;
          top: 255px;
          left: 40px;
}

.audio {position: absolute;
        opacity: .2;}

.home {font-family: 'houseplant_demoregular';
       position: absolute;
       top: 570px;
       right: 20px;
       font-size: 65px;
       color: #FEFFA8;
}

.home:hover {color: #79FF5B;}

.counter {font-family: 'adam.cg_proregular';
          position: absolute;
          color: white;
          top: 1px;
          right: 40px;
          font-size: 23px;
}

@-webkit-keyframes fadeInNumber {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard syntax */
@keyframes fadeInNumber {
    from {opacity: 0;}
    to {opacity: 1;}
}


.number {font-family: 'adam.cg_proregular';
         position: absolute;
         color: white;
         top: 80px;
         left: 855px;
         font-size: 65px;
          opacity: 0;
        -webkit-animation: fadeInNumber 6s; /* Chrome, Safari, Opera */
        animation: fadeInNumber 6s;
        -webkit-animation-delay: 6s;
        animation-delay: 6s;
        -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	    animation-fill-mode:forwards;
        -webkit-transition: -webkit-transform 2s;
        transition: transform 2s;
}