html, body{
	margin: 0;
	padding: 0;
   color: white;
	width: 100vw;
	height: 100vh;
	text-decoration: none;
	font-size: 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-family: Helvetica;
   background: url(/images/jeux/michmich/files/background.jpg) no-repeat center;
   background-size: cover;
}

.fa{
   position: absolute;
   top: 5%;
   right: 5%;
   margin: 0 0 10% 90%;
   z-index: 2;
}

@media all and (max-width: 830px){
   .fa{
      top: 2%;
      right: 5%;
   }
}

.fa::before{
   font-size: 50px;
}

#out{
   background: black;
   opacity: 0.5;
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
}

#in{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 0 5%;
   text-align: center;
}

img{
   width: 40%;

}

b, a, img{
   z-index: 2;
}

b, img{
   margin-bottom: 2%;
}

span{
   color: orange;
}

#last{
   font-size: 20px;
}

.link {
   text-decoration: none;
   line-height: 1;
   margin: 1%;
   position: relative;
   z-index: 0;
   display: inline-block;
   padding: 5px 5px;
   overflow: hidden;
   color: white;
   vertical-align: bottom;
   transition: color .3s ease-out;
   font-size: 20px;
}

.link::before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   transform: translateY(calc(100% - 2px));
   width: 100%;
   height: 100%;
   background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);
   transition: transform .25s ease-out;
}

.link:hover { 
   color: #fff; 
}
.link:hover::before {
   transform: translateY(0);
   transition: transform .25s ease-out;
}

.credits {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 20px;
   background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);
   text-align: center;
   font-size: 10px;
   line-height: 20px;
   color: white;
   letter-spacing: 1px;
}

#error{
   display: none;
   padding: 0 5%;
   text-align: center;
   z-index: 2;
}

@media all and (max-width: 870px){
   .fa::before{
      font-size: 35px;
   }
}