@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&family=Open+Sans:wght@500&family=Urbanist&display=swap');
            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }
            
            html,
            body {
                width: 100%;
                height: 100%;
            }
            
            body {
                font-family: 'Urbanist', sans-serif, 'Noto Sans KR';
                background: linear-gradient(70deg, rgb(28, 28, 28), rgb(41, 41, 41));
                color: #ffffff;
            }
            
            #main {
                position: relative;
                overflow: hidden;
            }
            
            #page {
                position: relative;
                height: 100vh;
                width: 100vw;
            }
            
            #page1 {
                position: relative;
                height: 100vh;
                width: 100vw;
            }
            
            #page2 {
                position: relative;
                height: 100vh;
                width: 100vw;
            }
            
            #page3 {
                position: relative;
                height: 100vh;
                width: 100vw;
            }
            
            canvas {
                max-width: 100vw;
                max-height: 100vh;
                position: relative;
                z-index: 2;
            }
            
            #loop {
                display: flex;
                position: absolute;
                top: 25%;
                height: 30%;
                width: 100%;
                font-size: 100px;
                white-space: nowrap;
            }
            
            #loop>h1 {
                font-weight: 400;
                animation-name: anim;
                animation-duration: 24s;
                animation-timing-function: linear;
                animation-iteration-count: infinite;
            }
            
            #loop>h1>span {
                -webkit-text-stroke: 1.2px #fff;
                color: transparent;
                font-weight: 400;
            }
            
            @keyframes anim {
                0% {
                    transform: translateX(0%);
                }
                100% {
                    transform: translateX(-100%);
                }
            }
            
            nav {
                display: flex;
                height: 7%;
                width: 100%;
                position: fixed;
                z-index: 2;
                align-items: center;
                justify-content: space-between;
                padding: 0 30px;
            }
            
            nav h3 {
                font-weight: 400;
                font-size: 22px;
            }
            
            nav button {
                padding: 10px 20px;
                border-radius: 50px;
                background-color: #000;
                color: #fff;
                border: none;
            }
            
            #page>h3 {
                position: absolute;
                top: 55%;
                font-weight: 400;
                left: 5%;
            }
            
            #page>h4 {
                position: absolute;
                top: 62%;
                left: 25%;
                font-weight: 500;
            }
            
            #right-text {
                position: absolute;
                top: 30%;
                left: 10%;
            }
            
            #page1>#right-text {
                left: 5% !important;
            }
            
            #page1 h3,
            #page2 h3,
            #page3 h3 {
                font-weight: 400;
            }
            
            #page1 h1 {
                line-height: 1;
                font-size: 50px;
            }
            
            #left-text {
                position: absolute;
                top: 40%;
                right: 5%;
                text-align: end;
            }
            
            #page2 h1,
            #page3 h1 {
                font-size: 65px;
                line-height: 1.5;
                font-weight: 800;
            }
            
            #page2>#text2 {
                position: absolute;
                top: 55%;
                right: 5%;
                text-align: end;
            }
            
            #page2>#text2>p {
                font-weight: 400;
            }