body{
  width: 100%;
  height: 100%;
  font-family: 'roboto';
  overflow-x: hidden;
}
h1{
   width:40vw;
  color: blue;
  font-size: 2vw;
  animation: 40s 6s infinite mouv;
}
p{
  font-size: 1.25vw;
  width:50vw;
   animation: 100s 60s infinite mouv;
}
img{
  width:40vw;
  animation: 200s 50s infinite mouv;
}
@media print {
  @page{
    size: A4;
    margin: 0;
    padding: 0;
  }
  body{
    background: transparent;
    width:100vw;
  
  }
  .button{
    display: none;
  }
}
.button{
  position: fixed;
  width: auto;
  cursor: pointer;
  height: auto;
  left:35vw;
  z-index: 1;
  border: 1px solid;
  padding: .2vw;
  color:blue;
  
}
.button:hover{
  background: black;
  color:white;
}
@keyframes mouv{
  5%{
    transform: rotate(60deg);
    border-bottom: 3vw solid rgba(255,250,0,1);
  }
 10%{
   border-bottom: 3vw solid rgba(255,50,0,1);
 }
20%{
  border-bottom: 10vw solid rgba(55,50,0,1);
}
50%{

    border-bottom: 10vw solid rgba(55,50,0,1);
}
70%{
  transform: rotate(360deg);
    border-bottom: 10vw solid blue;
}
}