body{
    overflow: hidden;
    background-image: url("../images/mega.jpg");   
    background-size: 100%;
    background-position: absolute;
    margin:0;
    padding:0;
    color:black;
}

canvas{	
    position: absolute;
    direction: block;
    top:100px;
    left:0;
    right:0;
    margin:auto;
}
div:first-child{
    position: relative;    
	width:25%;
    height:100%;
    
}
div:first-child img{
    margin-bottom: 30%;
}
#timer{   
    width:20%;
    height:30%;
    top:0;
    right:0;
}
h3{   
    font-weight:normal;
    font-size:20pt;  
}
h3,#timer p{
    font-family: Arial;
    text-align: center;
}
#chrono{
    font-size:20pt;
    color:white;
}

#timer p{
    font-size:20pt;
}

#victoire{  
    top:0;
    z-index:1;
    position: absolute;
    width:100%;
    height:100%;
    text-align: center;
	background-color: rgba(204, 255, 229, 0.5);   
    
}
#victoire p, #victoire a{    
    font-family: Arial;
	color : #6495ED;
}
#victoire p:first-child{
    font-size:70pt;   
    margin-bottom: 0px;
}

#victoire a{    
    font-size:45pt;
    text-decoration: none;
    color:#00BFFF;
	text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
    display: block;
}
#victoire img{
    width:40%;
}