@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("omdpage13.jpg");
             width: 1000px;
             height: 640px;
             position: relative;
             margin: 0px auto;
}

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

.bar {font-family: 'adam.cg_proregular';
      position: absolute;
      top: 450px;
      right: 70px;
      font-size: 33px;
      color: black;
}

.bar:hover {color: #EDFA7D;}

.counter {font-family: 'adam.cg_proregular';
          position: absolute;
          color: white;
	      top: 300px;
	      left: 57px;
	      font-size: 23px;
         }

/* Chrome, Safari, Opera */
@-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: 385px;
         left: 74px;
         font-size: 65px;
	     opacity: 0;
        -webkit-animation: fadeInNumber 4s; /* Chrome, Safari, Opera */
        animation: fadeInNumber 4s;
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
        -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;
}

.audio {position: absolute;
        top: 15px;
        left: 15px;
        opacity: .2;
}