@charset "UTF-8";

body{background-color: #0095ce; margin: 0px;}

.h1{position: fixed;
	top:-380px;
    z-index: 200;}
.h{position: fixed;top:-50px;left:-10px;
    z-index: 200;}
.h2{position: absolute;top: 0;}
.h3{position: absolute;top: 4850px;}

.c1{animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;}
@keyframes popup {
  0% {
    transform: translateY(40px) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1.0);
  }
  80%, 100% {
    opacity: 1;
  }
}


.q1{position: absolute;top:10px; z-index: 20;}
.y1{position: absolute;top:10px;z-index: 20;}
.n1{position: absolute;top:10px;z-index: 20;}
.a1{position: absolute;top:600px;z-index: 20;}
.b1{position: absolute;top:600px;z-index: 20;}

.q2{position: absolute;top:1100px; z-index: 20;}
.y2{position: absolute;top:1100px;z-index: 20;}
.n2{position: absolute;top:1100px;z-index: 20;}
.a2{position: absolute;top:1750px;z-index: 20;}
.b2{position: absolute;top:1750px;z-index: 20;}

.q3{position: absolute;top:2250px; z-index: 20;}
.y3{position: absolute;top:2250px;z-index: 20;}
.n3{position: absolute;top:2250px;z-index: 20;}
.a3{position: absolute;top:2900px;z-index: 20;}
.b3{position: absolute;top:2900px;z-index: 20;}

.q4{position: absolute;top:3400px; z-index: 20;}
.y4{position: absolute;top:3400px;z-index: 20;}
.n4{position: absolute;top:3400px;z-index: 20;}
.a4{position: absolute;top:4000px;z-index: 20;}
.b4{position: absolute;top:4000px;z-index: 20;}

.ans{position: absolute;top:4600px;z-index: 20;}
.t{position: absolute;top:4800px;z-index: 20;}