body, html {
  height: 100%;
  margin: 0;
  -webkit-user-select: none;
  -ms-user-select: none; 
  user-select: none;
}

@font-face {
  font-family: GenshinFont;
  src: url(../font/ja-jp.ttf);
}

.background {
  /* The image used */
  background-image: url("../img/winter.png");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.background img {
  width: Xu;
  height: Yu;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -(X/2)u;
  margin-top: -(Y/2)u;
}

#main{
  /* z-index:1; */
  position:relative;
  width:inherit;
  height:inherit
}

.section{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:100vh;
  width:100vw;
  background:no-repeat 50%;
  background-size:cover;
}
.section__container{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
  width:100vw;
}

.section{
  transition:all 1s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  will-change:opacity,transform
}
#cover{
  /* z-index:4; */
  background-image:url(../img/winter.png);
}
#cover .logo{
  position:relative
}
#cover .logo__main{
  height:15px
}
#cover .logo__main__image{
  position:absolute;
  top:50%;
  left:49%;
  margin: -75px 0 0 -200px;
  width:400px;
  height:150px;
  vertical-align:top;
}

/* #cover .section__container:after,#cover .section__container:before{
  opacity:.75;
  content:"";
  position:absolute;
  display:block;
  width:15px;
  height:15px;
  border-right:3px solid #e6e6e6;
  border-bottom:3px solid #e6e6e6;
  -webkit-transform:rotate(35deg) skewX(-20deg);
  transform:rotate(35deg) skewX(-20deg)
} */
#cover .section__container:before{
  bottom:50px
}
#cover .section__container:after{
  bottom:43px
}
#cover .arrow{
  color: azure;
  opacity:.50;
  position:absolute;
  bottom:10px;
  font-size:0.8rem;
  font-family:GenshinFont;
}

@media (max-width:420px){
  #cover .section__container:after,#cover .section__container:before{
      border-right:2px solid #e6e6e6;
      border-bottom:2px solid #e6e6e6
  }
  #cover .section__container:before{
      bottom:80px
  }
  #cover .section__container:after{
      bottom:73px
  }
  #cover .arrow{
      bottom:100px;
      font-size:1rem
  }
}