@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;

}

body {background: black;}

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

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

.station {font-family: 'adam.cg_proregular';
          position: absolute;
          top: 335px;
          left: 140px;
          font-size: 27px;
          color: black;
}

.station:hover {color: #ADF7FF;}

.counter {font-family: 'adam.cg_proregular';
          position: absolute;
          top: 400px;
          right: 36px;
          font-size: 20px;
          color: white;
}

/* 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;
         top: 440px;
         right: 70px;
         color: white;
         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: 600px;
        left: 15px;
        opacity: .2;}