body::-webkit-scrollbar { display: none; } body { user-select: none; -ms-overflow-style: none; scrollbar-width: none; } * { margin: 0; padding: 0; box-sizing: border-box; border: none; font-family: 'webfont'; } #main { position: absolute; width: 100%; height: 100%; overflow: hidden; } .box { position: absolute; left: 50%; transform: translate(-50%); bottom: 0vh; width: 80.000vh; height: 40vh; animation: 2s fly; animation-iteration-count: infinite; } .bottom-main { position: absolute; left: 50%; transform: translate(-50%); bottom: 0vh; width: 80.000vh; height: 40vh; } .text-info { color: #ffffff; text-align: center; font-family: 'webfont'; font-size: 1.82vh; font-style: normal; font-weight: 700; letter-spacing: -0.061vh; line-height: normal; position: absolute; left: 50%; transform: translate(-50%); bottom: 4vh; } .text-main { position: absolute; left: 50%; transform: translate(-50%); bottom: 9vh; color: #FF2F2F; text-align: center; font-family: 'webfont'; font-size: 2.5vh; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.133vh; } .warning { position: absolute; left: 50%; transform: translate(-50%); width: 4.722vh; height: 4.167vh; bottom: 13.4vh; } .ellipse { position: absolute; left: 50%; transform: translate(-50%); width: 80.944vh; height: 80.944vh; bottom: -23vh; } @keyframes fly { 0% { bottom: 0vh; } 50% { bottom: 1.1vh; } 100% { bottom: 0vh; } } @font-face { font-family: "webfont"; src: url("../fonts/Gilroy-Regular.ttf"); } @font-face { font-family: "webfont"; src: url("../fonts/Gilroy-Black.ttf"); font-weight: 900; } @font-face { font-family: "webfont"; src: url("../fonts/Gilroy-Extrabold.ttf"); font-weight: 800; } @font-face { font-family: "webfont"; src: url("../fonts/Gilroy-Bold.ttf"); font-weight: 700; } @font-face { font-family: "webfont"; src: url("../fonts/Gilroy-Medium.ttf"); font-weight: 600; } @font-face { font-family: "webfont"; src: url("../fonts/Gilroy-Regular.ttf"); font-weight: 500; }