@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,800,900&display=swap');
body{
   height: 100vh;
   width: 100vw;
   overflow-x: hidden;
   overflow-y: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   /* background: url('../images/fd1.png') center no-repeat; */
   background-size: cover;
   margin: 0;
   padding: 0;
}
img {
  width: 100%;
}

.scene {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-height: 100vh;
  min-width: 100vw;
  background: url('../images/fd1.png') center no-repeat;
  background-size: cover;
}

.layer {
  position: absolute;
  left: -10%;
  top: 0;
  width: 110vw;
  height: 100vh;
  background-size: cover;
    /* transition: 0.44s; */
}
/* .scene {
  background: url('../images/fd1.png') center no-repeat;
} */
/* .bg1 {
  background: url('../images/fd1.png') center no-repeat;
} */
.bg0 {
  background: url('../images/fd0.png') center no-repeat;
  background-size: contain;
  top:-9vh;
}
.bg2 {
  background: url('../images/fd2.png') center no-repeat;
  background-size: cover;
}
.bg3 {
  background: url('../images/fd3.png') center no-repeat;
  background-size: cover;
}
.bg4 {
  background: url('../images/fd4.png') center no-repeat;
  background-size: cover;
}
.bg5 {
  background: url('../images/fd10.png') center no-repeat;
  background-size: cover;
}
.bg6 {
  background: url('../images/fd6.png') center no-repeat;
  background-size: cover;
}
.bg7 {
  background: url('../images/fd7.png') center no-repeat;
  background-size: cover;
}
.bg8 {
  background: url('../images/fd8.png') center no-repeat;
  background-size: cover;
}
.bg9 {
  background: url('../image/fd9.png') center no-repeat;
  background-size: cover;
}
/* .bg10 {
  background: url('../image/fd10.png') center no-repeat;
} */
h1{
   height: auto;
   width:320px;
   margin:auto;
   font-family: 'Poppins', arial;
   font-weight: 900;
   /* color:#FF503F; */
   color:white;
   font-size: 25pt;
   font-size: 4.22em;
   line-height: 3.33rem;
   /* transition: 0.44s; */
}
.ylf:hover{
   color:#cd2d1e;
   border-radius: 25px;
   box-shadow: 3px 3px 10px #000;
}
p{
   height: auto;
   width:310px;
   padding: 5px;
   align-items: center;
   font-family: 'Poppins';
   font-weight: 900;
   color: white;
   text-decoration: none;
   font-style: italic;
   font-weight: 400;
}
p.ylf{
  font-weight: 800;
  font-size: 1.61rem;
  font-style: normal;
  transition: 0.44s;
  text-align: center;
}
a{
   outline: none;
   text-decoration: none;
   padding-left: 15px;
}
.coucher{
  animation: coucher 44s ease-in-out 3s infinite alternate;
}
@keyframes coucher {
  from {top:-9vh;}
  to {top:44.4vh;}
}
.lever{
  animation: lever 44s linear 3s infinite alternate;
}
@keyframes lever {
  from {filter:grayscale(0%);}
  to {filter:grayscale(150%);}
}
.link{
  animation: link 1.61s linear 44s infinite alternate;
}
@keyframes link {
  from {color:#FFF;}
  to {color:#FF503F;}
}