/* CSS Document */
body {
  padding: 0px;
  margin: 0px;
  background-color: white;
}

.fon img{
  width: 100%;
  opacity: 0.8;
}

.logo {
  text-align: center;
  position: fixed;
  top: 20px;
  left: 35px;
  animation:anim1 1s;
  animation-duration:1s; 
} 
@keyframes anim1 {
from {right:-100%;}
to {right:100%;}
}

.button {
  border: 2px solid #348;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 20px;
  width: 400px;
  text-align: center;
  position: fixed;
  top: 280px;
  left: 130px;
  animation:anim2 1s;
  animation-duration:1s; 
} 
@keyframes anim2 {
from {left:-100%;}
to {left:0%;}
}