/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 12, 2017 */



@font-face {
    font-family: 'alarm_clockregular';
    src: url('font/alarm_clock-webfont.eot');
    src: url('font/alarm_clock-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alarm_clock-webfont.woff2') format('woff2'),
         url('font/alarm_clock-webfont.woff') format('woff'),
         url('font/alarm_clock-webfont.ttf') format('truetype'),
         url('font/alarm_clock-webfont.svg#alarm_clockregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'digitregular';
    src: url('font/digit-webfont.eot');
    src: url('font/digit-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/digit-webfont.woff2') format('woff2'),
         url('font/digit-webfont.woff') format('woff'),
         url('font/digit-webfont.ttf') format('truetype'),
         url('font/digit-webfont.svg#digitregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    text-rendering:  geometricPrecision;
    background-color: black;
    color:white;
    font-size: 12vw;

    font-family: 'digitregular','alarm_clockregular', Helvetica, sans-serif;
    margin: 0;

overflow:hidden;
}
#horloge{
    text-align:center;
   margin-bottom:auto;
    margin-top: auto;
margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}
#auteur {
position:absolute;
    text-rendering:  geometricPrecision;
    background-color: black;
    color:white;
    font-size: 1vw;
    right:10px;
    font-family: 'digitregular','alarm_clockregular', Helvetica, sans-serif;
    margin: 0;
    bottom:0;
    
}
#parametre {
	position:absolute;
    text-rendering:  geometricPrecision;
    background-color: transparent;
    color:white;
    font-size: 14px;
    text-align:left;
    font-family: 'digitregular','alarm_clockregular', Helvetica, sans-serif;
    margin: 0;
   
      transition-property: bottom, opacity; 
    transition-duration: 0.2s;
bottom:-53px;
}
#parametre:hover{
bottom:0px;
}
#roue
{
	cursor:pointer;
}