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

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

.pullover {font-family: 'adam.cg_proregular';
           position: absolute;
           top: 285px;
           left: 170px;
           font-size: 30px;
           color: black;
}

.pullover:hover {color: #FEFFA5;}

.counter {font-family: 'adam.cg_proregular';
          position: absolute;
          top: 365px;
          right: 33px;
          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: 420px;
         right: 65px;
         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;
}