@import"https://fonts.googleapis.com/css2?family=Karantina:wght@300;400;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;border:0;box-sizing:border-box}body{background-color:#000;overflow-x:hidden}@media (max-width: 768px){html{overflow-x:hidden}}#trapezoid{-moz-box-sizing:content-box;box-sizing:content-box;height:0;border:80px solid rgba(0,0,0,0);border-top:0 solid;border-bottom:100px solid rgba(1,1,1,.4);-webkit-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0;font: 100%/normal Arial,Helvetica,sans-serif;color:#000000b3;-o-text-overflow:clip;text-overflow:clip;-webkit-transform:rotateX(180deg);transform:rotateX(180deg) translate(-50%);width:40vw;position:relative;transition:all .7s ease;padding-left:0;-webkit-box-sizing:content-box;left:50%;margin-top:-53px}#trapezoid .expandHome{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);width:20%}#trapezoid .sub-home{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);width:100%;left:-.23rem}.sub-home{display:none;position:absolute;z-index:1}#trapezoid:hover .sub-home{justify-content:center;margin-top:53px}#trapezoid span:first-child:before{content:"";position:absolute;top:.5vw;left:3vw;width:8px;height:8px;background:transparent;border-top:2px solid #fff;border-left:2px solid #fff;transition:.2s;opacity:0}#trapezoid span:first-child:after{content:"";position:absolute;top:.5vw;right:3vw;width:8px;height:8px;background:transparent;border-top:2px solid #ffffff;border-right:2px solid #fff;transition:.2s;opacity:0}#trapezoid span:last-child:before{content:"";position:absolute;bottom:.5vw;left:3vw;width:8px;height:8px;background:transparent;border-bottom:2px solid #fff;border-left:2px solid #fff;transition:.2s;opacity:0}#trapezoid span:last-child:after{content:"";position:absolute;bottom:.5vw;right:3vw;width:8px;height:8px;background:transparent;border-bottom:2px solid #fff;border-right:2px solid #fff;transition:.2s;opacity:0}#trapezoid a:hover span:last-child:after{transform:translate(2vw,.2vw);opacity:1}#trapezoid a:hover span:last-child:before{opacity:1;transform:translate(-2vw,.2vw)}#trapezoid a:hover span:first-child:after{opacity:1;transform:translate(2vw,-.2vw)}#trapezoid a:hover span:first-child:before{transform:translate(-2vw,-.2vw);opacity:1}.navbar{position:fixed;top:0;display:flex;overflow:hidden;justify-content:center;height:100px;left:50%;transform:translate(-50%);z-index:999}.navbar a{float:left;font-size:100%;font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;color:#fff;text-align:center;padding:14px 25px;text-decoration:none;text-transform:uppercase;letter-spacing:4px;transition:all .5s ease}a{text-decoration:none;color:#f3f3f3}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:10px;z-index:977}.hamburger span{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s}.mobile-menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:#00000030;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:.3s;z-index:955;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.mobile-menu.active{left:0}.mobile-menu a{color:#fff;text-decoration:none;font-size:1.5rem;margin:20px 0;padding:15px;width:100%;text-align:center}@media (max-aspect-ratio: 1/1){.navbar a{font-size:.7rem}}@media (max-width: 767px){#trapezoid{width:90vw}.navbar a{font-size:.8rem}#trapezoid span:first-child:before,#trapezoid span:first-child:after,#trapezoid span:last-child:before,#trapezoid span:last-child:after{display:none}#trapezoid a:hover span:last-child:after,#trapezoid a:hover span:last-child:before,#trapezoid a:hover span:first-child:after,#trapezoid a:hover span:first-child:before{display:none}.sub-home{display:block!important;position:relative;margin-top:0}#trapezoid:hover .sub-home{display:block;margin-top:0}#trapezoid .expandHome{display:block;width:100%}#trapezoid a{display:block;opacity:1}.hamburger{display:flex;position:fixed;top:20px;right:20px;z-index:977}.navbar{display:none}.mobile-menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:#00000030;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:.3s;z-index:955;display:flex;flex-direction:column;justify-content:center;align-items:center}.mobile-menu.active{left:0}.mobile-menu a{color:#fff;text-decoration:none;font-size:1.5rem;margin:20px 0;padding:15px;width:100%;text-align:center}}.first-page{--bg-gradient:linear-gradient(to right, #2e02ee75, #7069048e);min-height:100vh;margin:0;font-family:Poppins;color:#1e1e1e;background-color:#000;background-image:var(--bg-gradient),url(1rd-pics/bg.jpg);background-repeat:no-repeat;background-size:cover;z-index:777;position:relative;background-position:center center;background-attachment:fixed}.banner{width:100%;height:100vh;overflow:hidden;position:relative}.slogan{position:absolute;inset:0;width:100%;pointer-events:none}.slogan-text.left{position:absolute;font-size:16vw;height:50%;left:20%;bottom:10vh;transition:.7s;rotate:-25deg;font-family:Karantina,system-ui;line-height:.8em;background:linear-gradient(to left,#2d02eec9,#706904ce);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;overflow:visible}.slogan-text.right{position:absolute;height:50%;right:20%;bottom:0;rotate:-25deg;transition:.7s;font-family:Karantina,system-ui;font-size:16vw;line-height:.8em;background:linear-gradient(to right,#2d02eec2,#706904c2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;overflow:visible}.banner:has(.join-btn:hover) .slogan div:nth-child(1){animation:sloganAnimation1 .8s ease-in-out forwards}.banner:has(.join-btn:hover) .slogan div:nth-child(2){animation:sloganAnimation2 .8s ease-in-out forwards}@keyframes sloganAnimation1{0%{transform:translate(0) rotate(0)}50%{transform:translate(0) rotate(25deg)}to{transform:translate(-20%) translateY(-40%) rotate(25deg)}}@keyframes sloganAnimation2{0%{transform:translate(0) rotate(0)}50%{transform:translate(0) rotate(25deg)}to{transform:translate(10%) translateY(30%) rotate(25deg)}}.join-btn{padding:1.2em 2.5em;background:transparent;border:2px solid #5134f5;color:#fdfcff;border-radius:4px;font-family:Orbitron,sans-serif;font-weight:400;font-size:1rem;letter-spacing:3px;position:absolute;top:85vh;left:50%;transform:translate(-50%);z-index:10;cursor:pointer;transition:all .3s ease;text-transform:uppercase;box-shadow:0 0 10px #00f5ff4d}.join-btn:hover{background:#5134f567;box-shadow:0 0 20px #5134f5;transform:translate(-50%) translateY(-2px)}@media (max-aspect-ratio: 1/1){.slogan-text.left{bottom:5vh;left:10%;font-size:17rem}.slogan-text.right{width:100%;bottom:0vh;left:30%;font-size:17rem}@keyframes sloganAnimation1{0%{transform:translate(0) rotate(0)}50%{transform:translate(0) rotate(25deg)}to{transform:translate(-10%) translateY(-20%) rotate(25deg)}}@keyframes sloganAnimation2{0%{transform:translate(0) rotate(0)}50%{transform:translate(0) rotate(25deg)}to{transform:translate(0) translateY(10%) rotate(25deg)}}}@media (max-width: 767px){.slogan-text.left{transform:rotate(80deg);width:200%;font-size:15rem;top:25%;left:-60%;white-space:nowrap;overflow:visible}.slogan-text.right{width:200%;transform:rotate(80deg);font-size:15rem;top:70%;left:-50%;white-space:nowrap;overflow:visible}.slogan div{animation:none!important}.first-page{background-attachment:scroll}}.icon-bg.github:hover{background-color:#f0d1d1}.first-page .container1{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;margin-left:3vw}.icon-bg i{font-size:1.7vw;color:#fff}.icon-list{display:flex;flex-direction:row;gap:1.2vw;margin-top:1.5vh}.who-we-are{margin-top:2vh;font-weight:700;font-size:1.5vw;color:#fff}.second-page{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2vh;background-image:url(/css-source/video1.gif);background-repeat:no-repeat;background-position:center center;background-size:cover;word-break:break-all;z-index:888}.second-page:before{content:"";position:absolute;inset:0;background:#00000098}#term-text1,#term-text2,#term-text3{width:100%;font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:100%;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.mac-terminal{position:absolute;top:15%;left:20%;width:60%;height:30%;background:#1b1e21d9;border:1px solid #3d4248;border-radius:12px;box-shadow:0 0 18px #00f5ff55;font:1.05rem/1.6 SF Mono,Fira Code,monospace;color:#fff;padding:54px 20px 24px;overflow:auto;z-index:889}.mac-terminal2{position:absolute;top:40%;left:5%;width:40vw;height:40%;background:#1b1e21d9;border:1px solid #3d4248;border-radius:12px;box-shadow:0 0 18px #00f5ff55;font:1.05rem/1.6 SF Mono,Fira Code,monospace;color:#fff;padding:54px 20px 24px;overflow:auto;z-index:888}.mac-terminal3{position:absolute;top:43%;left:50%;width:50vw;height:32%;background:#1b1e21d9;border:1px solid #3d4248;border-radius:12px;box-shadow:0 0 18px #00f5ff55;font:1.05rem/1.6 SF Mono,Fira Code,monospace;color:#fff;padding:54px 20px 24px;overflow:auto;z-index:890}.mac-terminal pre,.mac-terminal2 pre,.mac-terminal3 pre{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.transup{animation:transUp 1.5s both;animation-timeline:view(90% 10%)}@keyframes transUp{0%{transform:translateY(100%) scale(.3);filter:blur(100px)}to{transform:translateY(0) scale(1);filter:blur(0px)}}.term-head{position:absolute;inset:0 0 auto;height:42px;background:#25282beb;border-bottom:1px solid #3d4248;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;align-items:center;padding-left:14px}.traffic{width:14px;height:14px;border-radius:50%;margin-right:9px;box-shadow:inset 0 0 3px #000a}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.cursor{display:inline-block;width:0px;height:1em;background:#fff;margin-left:2px;border-left:2px solid white;animation:blink .8s steps(2) infinite}@keyframes blink{50%{opacity:0}}@media (max-width: 768px){.second-page{display:flex;flex-direction:column;justify-content:center;gap:20px}.mac-terminal,.mac-terminal2,.mac-terminal3{position:relative;top:auto;left:auto;width:90vw;height:25vh;margin:10px 0;font-size:3rem}#term-text1,#term-text3,#term-text2{width:95%;font-size:1rem}.mac-terminal{order:2}.mac-terminal2{order:1}.mac-terminal3{order:3}}.third-page{height:100vh;text-align:center;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:777;background-color:#0a0a0a}.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:80vh;box-shadow:0 0 70px #2e02ee99}.container .slide .item{width:200px;height:200px;position:absolute;top:50%;transform:translateY(-50%) scale(1);border-radius:20px;box-shadow:0 0 30px 10px #0000001a;background-position:50% 50%;background-size:cover;display:inline-block;transition:.5s}.slide .item:nth-child(2),.slide .item:nth-child(1){top:0;left:0;transform:translate(0);border-radius:0;width:100%;height:100%}.slide .item:nth-child(3){left:55%;-webkit-mask-image:radial-gradient(ellipse,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(ellipse,#000 30%,#0000)}.slide .item:nth-child(3):hover{transform:translateY(-50%) scale(1.1)}.slide .item:nth-child(4){left:calc(55% + 16vw);-webkit-mask-image:radial-gradient(ellipse,rgba(0,0,0,1) 60%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(ellipse,#000 60%,#0000)}.slide .item:nth-child(4):hover{transform:translateY(-50%) scale(1.1)}.slide .item:nth-child(5){left:calc(55% + 32vw);-webkit-mask-image:radial-gradient(ellipse,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(ellipse,#000 80%,#0000)}.slide .item:nth-child(5):hover{transform:translateY(-50%) scale(1.1)}.slide .item:nth-child(2) .content{display:block}.item .content{position:absolute;top:50%;left:5vw;width:300px;text-align:left;color:#eee;transform:translateY(-50%);font-family:system-ui;display:none}.content .name{font-size:5vw;text-transform:uppercase;font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;opacity:0;animation:animate 1s ease-in-out 1 forwards}.slide .des{font-family:Do Hyeon,sans-serif;font-weight:100;font-style:normal;font-size:1.5rem;width:40vw;opacity:0;animation:animate 1s ease-in-out .3s 1 forwards}@keyframes animate{0%{opacity:0;transform:translateY(100px);filter:blur(33px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.button{width:100%;text-align:center;position:absolute;bottom:1.2vw;left:50%;transform:translate(-50%);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.button button{width:50px;height:50px;border-radius:50%;cursor:pointer;margin:0 5px;border:1px solid #024fb4;transition:.3s;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;padding:0}.button button:hover{background:#000}@media (max-width: 768px){.container{width:100%;height:100vh}.item .content{top:10%;left:50%;transform:translate(-50%);text-align:center;width:80vw}.content .name{font-size:40px;width:80vw}.slide .des{margin-top:10vh;width:80vw;color:#bcbcbc}.slide .item:nth-child(3),.slide .item:nth-child(4),.slide .item:nth-child(5){position:absolute;top:70vh;left:0%;width:40vw;height:30vh;margin:5px 0;-webkit-mask-image:none;mask-image:none}.button{text-align:center;bottom:5vh;left:50%;transform:translate(-50%);display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.button button{border-radius:10%}.slide .item:nth-child(3){left:10%;z-index:20}.slide .item:nth-child(4){left:calc(10% + 20vw);z-index:19}.slide .item:nth-child(5){left:calc(10% + 40vw);z-index:18}.slide .item:nth-child(2):has(.name:contains("Digital")){background-position:90% 50%;background-size:contain}}.timeline-title h2{font-size:50px;background:linear-gradient(to left,#2d02ee,#706904,#2d02ee,#706904,#2d02ee,#706904,#2d02ee,#706904);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;padding:120px 0}.timeline{z-index:0;position:relative}.margin-bottom-medium{margin-bottom:32px}.timeline-image{vertical-align:middle;max-width:100%;display:inline-block}.timeline-title{background-color:#0a0a0a;width:100vw}.timeline-list{flex-direction:column;justify-content:center;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto;display:flex;position:relative}.timeline-item{z-index:2;grid-column-gap:0px;grid-row-gap:0px;grid-template-rows:auto;grid-template-columns:1fr 180px 1fr;grid-auto-columns:1fr;padding-top:80px;padding-bottom:80px;display:grid;position:relative;min-width:0}.timeline_left{text-align:right;justify-content:flex-end;align-items:stretch}.timeline_centre{justify-content:center;display:flex}.timeline_right{text-align:left;justify-content:flex-start;align-items:stretch}.timeline-when{color:#fff;letter-spacing:-.03em;font-size:48px;line-height:1.2;position:sticky;top:50vh;font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;word-wrap:break-word;overflow-wrap:break-word;align-items:stretch;min-width:0;white-space:noraml;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.timeline-text{color:#fff;font-size:24px;font-weight:500;line-height:1.3;margin-bottom:50px;font-family:Do Hyeon,sans-serif;font-weight:200;font-style:normal}.timeline_circle{background-color:#fff;border-radius:100%;width:15px;min-width:15px;max-width:15px;height:15px;min-height:15px;max-height:15px;position:sticky;top:50vh;box-shadow:0 0 0 8px #0a0a0a}.timeline-progress{z-index:-2;background-color:#414141;width:3px;height:100%;position:absolute}.timeline-progress-bar{z-index:-1;background:linear-gradient(to top,#021aa1,#fffb00);width:3px;height:50vh;position:fixed;inset:0 auto 50vh;display:none}.section-timeline{z-index:-3;background-color:#0a0a0a;position:relative}@media screen and (max-width: 767px){.timeline-title h2{font-size:40px}.timeline-image{width:70vw}.timeline-item{grid-template-columns:64px 1fr;width:100%}.timeline_left{text-align:left;grid-area:1 / 2 / 2 / 3;animation:fadeup linear both;animation-timeline:view(100% 20%)}.timeline_centre{justify-content:flex-start;grid-area:1 / 1 / 3 / 2;margin-left:25px}.timeline-when{margin-bottom:24px;font-size:36px}.timeline-text{font-size:20px}.timeline-progress{left:30px}}img{width:100%;height:100%;object-fit:cover}.sticky{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:#0a0a0a}.sticky-header{position:absolute;top:0;left:0;width:250vw;height:100%;display:flex;justify-content:center;align-items:center;will-change:transform}.sticky-header h1{margin:0;color:#fff;font-size:16vw;letter-spacing:-.05em;line-height:100%;font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.card{position:absolute;top:10%;left:100%;width:500px;height:300px;background-color:#000;border:solid 2px white;will-change:transform;outline-offset:0rem;border-radius:2rem}.card .card-img{width:100%;height:100%;border-radius:2em;overflow:hidden;margin:0}.FAQ-card-content{width:100%;height:275px;display:flex;flex-direction:column;gap:20px;color:#fff;padding:.5em}.pre-footer{height:70vh;justify-content:center;align-items:center;overflow:hidden;z-index:90;display:flex}#cards{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;color:#fff;width:80%}.social-card{width:200px;height:350px;flex:1 1 250px;background-color:#ffffff1f;border-radius:12px;position:relative}#cards:hover>.social-card{background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),hsl(var(--color) / 1),rgba(255,255,255,.12) 40%)}.card-content{position:absolute;inset:1px;background-color:#131315;border-radius:inherit}.social-card:nth-child(1){--color: 330 65% 50%}.social-card:nth-child(2){--color: 0 0% 94%}.social-card:nth-child(3){--color: 235 83% 65%}.social-card:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(500px circle at var(--mouse-x) var(--mouse-y),hsl(var(--color) / .35),transparent 40%);border-radius:inherit;opacity:0;z-index:2}#cards:hover>.social-card:before{opacity:1}.card-content{display:flex;justify-content:center;flex-direction:column;gap:18px;align-items:center}.card-content>i{font-size:8em;color:#fff}.card-content p{color:#ffffff80}.card-content a{width:90%;padding-block:.8rem;background-color:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:6px;display:flex;justify-content:center;align-items:center;gap:8px;z-index:10}.card-content>a:hover{background-color:#ffffff1a;border:2px solid rgba(255,255,255,.2)}.card-content .fa-instagram{background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d,#fcb045);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-content .fa-discord{color:#5865f2}@media (max-width: 768px){.pre-footer{height:auto;min-height:50vh;padding:2rem 0;margin-top:1rem}#cards{flex-direction:row;align-items:center;gap:20px;width:90%}.social-card{width:20%;max-width:280px;height:8vh;flex:none;background:none;border-radius:12px;position:relative;cursor:pointer;transition:transform .2s ease}.social-card a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:block;text-decoration:none}.social-card:hover{transform:translateY(-5px)}.card-content{position:relative;inset:0;background:none;border-radius:12px;display:flex;justify-content:center;align-items:center;gap:0;padding:0;width:100%;height:100%;text-decoration:none;color:#fff;font-weight:600;font-size:1.1rem;letter-spacing:.5px}.card-content h2,.card-content p{display:none}.card-content>i{font-size:2rem}.card-content a{display:flex;width:90%;padding-block:.8rem;background-color:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:6px;justify-content:center;align-items:center;gap:8px;z-index:10;color:#fff;text-decoration:none;opacity:0}.social-card:nth-child(1) .card-content{background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d,#fcb045)}.social-card:nth-child(2) .card-content{background-color:#333}.social-card:nth-child(3) .card-content{background-color:#5865f2}.social-card:nth-child(1) .card-content .fa-instagram{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;color:#fff}.social-card:nth-child(2) .card-content .fa-github{color:#fff}.social-card:nth-child(3) .card-content .fa-discord{color:#fff}.social-card{position:relative}.social-card:nth-child(1):after{background:linear-gradient(45deg,#833ab4,#c13584,#e1306c,#fd1d1d,#fcb045);opacity:0;transition:opacity .2s ease}.social-card:nth-child(2):after{background-color:#333;opacity:0;transition:opacity .2s ease}.social-card:nth-child(3):after{background-color:#5865f2;opacity:0;transition:opacity .2s ease}.social-card:hover:after{opacity:1}}footer{width:100%;height:300px;background-color:#171717;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-text{text-align:center}.club-name{display:flex;flex-direction:row;color:#fff;font-size:.7rem;justify-content:center;align-items:center;position:relative;right:2%}.president-name{font-size:1rem}.mem-info:before{content:"";width:20%;height:1.3px;position:absolute;top:-1.4rem;background-color:#646363}.mem-info{display:flex;flex-direction:row;color:#d8d8d8;font-size:100%;justify-content:center;align-items:center;position:relative}.president-info,.subpresident-info{display:flex;flex-direction:column;color:#d6d6d6;font-size:100%;justify-content:center;align-items:center;margin:0 20px}.president-num,.president-email{color:#646363}.footer-location{margin-bottom:30px;position:relative}.copyright{font-size:.7rem;color:#646363;position:relative;margin-top:20px}@media (max-width: 768px){.president-name{font-size:3vw}.president-info,.subpresident-info{font-size:2.5vw}}.autoShow{animation:appearing both;animation-timeline:view(90% 10%)}@keyframes appearing{0%{filter:saturate(0) contrast(4) brightness(.1) blur(5px);opacity:0;scale:.7;translate:0 4rem}to{filter:none;opacity:1;scale:1;translate:0 0}}.autoShow1{animation:appearing1 both;animation-timeline:view(80% 10%)}@keyframes appearing1{0%{opacity:.5;transform:translateY(10px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.fadeup{animation:fadeup linear both;animation-timeline:view(100% 20%)}@keyframes fadeup{0%{filter:blur(20px)}to{filter:blur(0)}}.fadeup1{animation:fadeup linear both;animation-timeline:view(100% 10%)}@keyframes fadeup1{0%{filter:blur(20px)}to{filter:blur(0)}}h1.header{font-family:Bigilla!important;font-size:200px;text-transform:uppercase;font-weight:bolder;width:90%;color:#fff}.header .letter{display:inline-block;line-height:1em}.intro-section{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;z-index:1000}.titles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title{position:absolute;width:100vw;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.titles h1{color:#fff;font-size:3rem;font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.FAQ-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;max-width:100%;margin:0 auto;height:50vh;margin-top:4rem}.FAQ-box{background-color:#ffffff1f;color:#eee;padding:20px;font-family:monospace;width:300px;transition:.5s ease-in-out;border-radius:10px;box-shadow:0 4px 8px #0000004d;border:solid 1px rgb(117,117,117)}.FAQ-box input[name^=readmore]{display:none}.FAQ-box h1{text-align:center;margin:0;font-size:1.3rem;font-family:Do Hyeon,sans-serif;font-weight:lighter;font-style:normal}.FAQ-box .FAQ-des{text-align:justify;position:relative;overflow:hidden;max-height:0px;transition:.5s ease-in-out;margin:20px 0 0;padding:0;font-size:1rem;font-family:Do Hyeon,sans-serif;font-weight:200;font-style:normal}.FAQ-box .FAQ-des:before{position:absolute;bottom:0;left:0;width:100%;height:50px;transition:.5s ease-in-out;content:"";background-image:linear-gradient(to top,#375e79d7,transparent)}.FAQ-box .FAQ-button{margin-top:30px;text-align:center;font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal}.FAQ-box label{text-align:center;display:inline-block;border:1px solid #000;width:140px;height:50px;position:relative;cursor:pointer;background-color:#313131;border-radius:5px;transition:.3s ease}.FAQ-box label:hover{background-color:#ffffff1a;border:2px solid rgba(255,255,255,.1);transform:translateY(-2px)}.FAQ-box label:before{position:absolute;top:0;left:0;width:100%;height:100%;content:attr(data-more);display:flex;justify-content:center;align-items:center}.FAQ-box input[name^=readmore]:checked~.FAQ-content label:before{content:attr(data-less)}.FAQ-box input[name^=readmore]:checked~.FAQ-content .FAQ-des{max-height:300px;margin-bottom:20px}.FAQ-box input[name^=readmore]:checked~.FAQ-content .FAQ-des:before{height:0px}.FAQ-content{position:relative}.FAQ-content:before{position:absolute;bottom:50px;right:-2.5rem;width:50px;height:70px;content:"";background-image:url(/css-source/character.png);background-size:100%;background-repeat:no-repeat;z-index:1;transition:2s ease-in-out}.FAQ-content:after{position:absolute;bottom:-3rem;right:-1rem;transform:translate(70%,50%);width:150px;height:150px;content:"";background-image:url(/css-source/mockup-logo2.png);background-size:50%;background-repeat:no-repeat;z-index:1;transition:2s ease-in-out}.FAQ-box input[name^=readmore]:checked~.FAQ-content:before{bottom:80%;right:100%;transform:rotate(-50deg)}.FAQ-box input[name^=readmore]:checked~.FAQ-content:after{transform:translate(75%,55%) rotate(30deg)}@media (max-width: 768px){.FAQ-container{flex-direction:column;align-items:center;height:auto;gap:20px;margin-top:2rem}.FAQ-box{width:90%;max-width:350px;padding:15px}.FAQ-box h1{font-size:1.1rem}.FAQ-box .FAQ-des{font-size:.9rem;margin:15px 0 0}.FAQ-box .FAQ-button{margin-top:20px}.FAQ-box label{width:120px;height:40px;font-size:.8rem}}