@import"https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fondamento:ital@0;1&family=Frank+Ruhl+Libre:wght@300..900&family=IM+Fell+English+SC&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{background:#201f31}.logo{position:absolute;top:-50px;left:-50px;width:200px}header{position:absolute;top:0;left:0;width:100%;padding:20px;display:flex;justify-content:center;align-items:center;gap:15px}header a{color:#f5f5f5;text-decoration:none;font-family:Roboto Mono,monospace}.cont{height:90vh;width:100%;position:relative}.home-container .front-cont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:80%;width:98%;border-radius:20px;background:#2a2431;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.home-container .front-cont .front-captions-cont{position:absolute;top:35%;left:5%;z-index:2}.home-container .front-cont .front-captions-cont .social-links-container{display:flex;justify-content:flex-start;align-items:center;gap:20px}.home-container .front-cont .front-captions-cont .social-links-container .socials-logo{width:35px;filter:invert(1);opacity:.8;pointer-events:none}.home-container .front-cont .left{width:40%;padding:40px;position:relative;z-index:2}.home-container .front-cont .right{width:60%;height:100%;padding:10px;position:relative;background:none;z-index:-1}@media (max-width: 700px){.home-container .front-cont .front-captions-cont{top:30%;left:3%}.home-container .front-cont .front-captions-cont .social-links-container{gap:10px}.home-container .front-cont .front-captions-cont .social-links-container .socials-logo{width:30px}.home-container .front-cont .left{display:none}.home-container .front-cont .right{width:100%;height:100%;padding:10px;position:relative;background:none;z-index:-1}}.summary-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.summary-container .summary-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:-1;opacity:.9}.summary-container .title{font-family:Raleway,sans-serif;color:#2a2431;font-size:1.6rem;color:#f48cff}.summary-container .label{padding:30px;width:80%;background-size:contain;color:#f5f5f5;font-family:Raleway,sans-serif;text-align:center}.summary-container .list-of-technology{display:flex;justify-content:center;align-items:center;list-style-type:none;gap:20px;flex-wrap:wrap;margin-top:20px}.summary-container .list-of-technology li{width:6%}.summary-container .list-of-technology li .tech-img{width:100%}.summary-container .list-of-technology li .three-logo{filter:invert(1)}.project-container{background:#504e6b;margin-top:20vh;padding:100px 30px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:40px}.project-container .project-box{width:100%;padding:20px;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.project-container .project-box .top-bx{display:flex;justify-content:center;align-items:center;width:100%}.project-container .project-box .top-bx .top-img{position:relative;width:75%;height:500px;border-radius:10px;overflow:hidden}.project-container .project-box .info-bx{border:2px solid rgba(28,10,51,.8);background:#d4e9da;border-radius:10px;transform:translateY(-40px);opacity:.8;width:80%;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.project-container .project-box .info-bx .info-left{width:70%}.project-container .project-box .info-bx .info-left .project-ttle{font-family:IM Fell English SC,serif;font-size:3rem;color:#2a2431;margin-bottom:10px}.project-container .project-box .info-bx .info-left .project-desc{font-family:Raleway,sans-serif;padding-left:5px;margin-bottom:30px}.project-container .project-box .info-bx .info-left .game-link-btn{background:#0e0c0c;color:#f5f5f5;padding:10px 20px;border-radius:2px;margin:5px 0 0 10px}.project-container .project-box .info-bx .info-left .game-link-btn:active{opacity:.8}.project-container .project-box .info-bx .info-ss{display:flex;justify-content:center;align-items:center;gap:10px;flex-direction:column}.project-container .project-box .info-bx .info-ss .ss-img{width:170px;border-radius:5px;transition:.3s ease-in-out}.content-page{position:relative}.content-page .top{position:fixed;top:0;left:0;width:100%;height:80vh}.content-page .top .background-video{position:absolute;top:50%;left:50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:translate(-50%,-50%);z-index:1}.content-page .half-section{position:absolute;height:80vh;width:100%;top:80vh}.content-page .half-section .title{position:absolute;left:50%;transform:translate(-50%,-50%);top:0;font-size:3rem;font-family:IM Fell English SC,serif;color:#f5f5f5;letter-spacing:2px;z-index:2;display:none}.content-page .half-section .game-logo{position:absolute;left:50%;transform:translate(-50%,-50%);top:0;z-index:2;width:400px}.content-page .half-section .story{height:auto;padding:150px 80px}.content-page .half-section .story .story-backg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;filter:brightness(50%) contrast(80%) blur(5px)}.content-page .half-section .story .story-ttle{position:relative;font-family:IM Fell English SC,serif;font-size:2rem;color:#f5f5f5;font-weight:600;text-align:center;margin-bottom:20px;z-index:2}.content-page .half-section .story .game-info{position:relative;display:flex;justify-content:center;align-items:center;gap:50px;margin-bottom:70px;z-index:2}.content-page .half-section .story .game-info .label{width:150px;color:#73d5e2ec;font-family:Raleway,sans-serif;font-size:.8rem;text-align:center}.content-page .half-section .story .game-info .answer-cap{color:#f5f5f5}.content-page .half-section .story .game-desc{position:relative;z-index:2;color:#e5f0f5d8}.content-page .half-section .story .game-desc .starting-cap{font-family:Roboto Mono,monospace;margin-bottom:40px;font-size:1.4rem;font-weight:600;letter-spacing:1px}.content-page .half-section .story .game-desc .end-caption{font-family:Raleway,sans-serif;font-size:1.1rem;margin-top:25px}.content-page .half-section .story .game-desc .story-lines{list-style-type:none;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:7px}.content-page .half-section .story .game-desc .story-lines .desc{font-family:Raleway,sans-serif;font-size:1.1rem}.content-page .half-section .story .platforms-section{margin-top:100px;margin-bottom:60px}.content-page .half-section .story .platforms-section .link-lists{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;padding:10px}.content-page .half-section .story .platforms-section .link-lists .linkbtn{text-decoration:none;padding:13px 15px;font-family:Raleway,sans-serif;background:none;color:#fff;border:1px solid white;border-radius:3px}.content-page .half-section .story .youtube-container{position:relative;width:100%;height:70vh;display:flex;justify-content:center;align-items:center}.content-page .half-section .gameplay-container{position:relative;width:100%;padding:100px}.content-page .half-section .gameplay-container .features-list{padding:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:150px;margin-top:100px}.content-page .half-section .gameplay-container .features-list .feature-bx{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}.content-page .half-section .gameplay-container .features-list .feature-bx .left{position:relative;display:flex;justify-content:center;align-items:center;width:400px;height:180px;overflow:hidden;border-radius:3px}.content-page .half-section .gameplay-container .features-list .feature-bx .left .feature-border{position:absolute;top:0;left:0;width:100%;height:100%;padding:2px 5px}.content-page .half-section .gameplay-container .features-list .feature-bx .left .feature-img{width:100%}.content-page .half-section .gameplay-container .features-list .feature-bx .right{width:400px}.content-page .half-section .gameplay-container .features-list .feature-bx .right .feature-ttle{transform:translate(-20%);margin-bottom:40px;padding:10px;border-radius:2px;width:300px;text-align:center;color:#f5f5f5;font-family:Roboto Mono,monospace}.content-page .half-section .gameplay-container .features-list .feature-bx .right .feature-cap{margin-bottom:30px;font-family:sans-serif}.content-page .half-section .bottom{position:relative;width:100%;padding:100px;display:flex;justify-content:center;align-items:center;flex-direction:column}.content-page .half-section .bottom .center-div{display:flex;width:100%;justify-content:space-around;align-items:center;padding:100px 10px}.content-page .half-section .bottom .member-bx{width:200px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#f5f5f5;gap:5px}.content-page .half-section .bottom .member-bx .member-img{width:55%;height:55%;border-radius:50%;margin-bottom:20px}.content-page .half-section .bottom .member-bx .member-name{font-family:Roboto Mono,monospace;font-size:.9rem}.content-page .half-section .bottom .member-bx .member-role{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.content-page .half-section .bottom .member-bx .red-label{color:#dc143c;font-size:1.1rem}@media (max-width: 740px){.content-page .half-section .title{font-size:2.8rem}.content-page .half-section .story{padding:100px 20px}.content-page .half-section .story .story-ttle{font-size:1.6rem}.content-page .half-section .story .game-info{gap:30px;margin-bottom:60px}.content-page .half-section .story .game-desc .story-lines{list-style-type:none;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:7px}.content-page .half-section .story .game-desc .story-lines .desc{font-family:Raleway,sans-serif;font-size:1.1rem}.content-page .half-section .story .platforms-section{margin-top:100px;margin-bottom:60px}.content-page .half-section .story .platforms-section .link-lists{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;padding:10px}.content-page .half-section .story .platforms-section .link-lists .linkbtn{text-decoration:none;padding:13px 15px;font-family:Raleway,sans-serif;background:none;color:#fff;border:1px solid white;border-radius:3px}.content-page .half-section .story .youtube-container{position:relative;width:100%;height:70vh;display:flex;justify-content:center;align-items:center}.content-page .half-section .gameplay-container{padding:90px 30px}.content-page .half-section .gameplay-container .features-list{padding:10px;gap:120px}.content-page .half-section .gameplay-container .features-list .feature-bx .left{width:380px;height:170px}.content-page .half-section .gameplay-container .features-list .feature-bx .right{width:380px}.content-page .half-section .gameplay-container .features-list .feature-bx .right .feature-ttle{transform:translate(-10%);margin-bottom:40px;padding:10px;border-radius:2px;width:300px;text-align:center;color:#f5f5f5;font-family:Roboto Mono,monospace}.content-page .half-section .gameplay-container .features-list .feature-bx .right .feature-cap{margin-bottom:30px;font-family:sans-serif}.content-page .half-section .bottom{position:relative;width:100%;padding:100px;display:flex;justify-content:center;align-items:center;flex-direction:column}.content-page .half-section .bottom .center-div{display:flex;width:100%;justify-content:space-around;align-items:center;padding:100px 10px;flex-wrap:wrap;gap:40px}.content-page .half-section .bottom .member-bx{width:200px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#f5f5f5;gap:5px}.content-page .half-section .bottom .member-bx .member-img{width:55%;height:55%;border-radius:50%;margin-bottom:20px}.content-page .half-section .bottom .member-bx .member-name{font-family:Roboto Mono,monospace;font-size:.9rem}.content-page .half-section .bottom .member-bx .member-role{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.content-page .half-section .bottom .member-bx .red-label{color:#dc143c;font-size:1.1rem}}footer{display:flex;justify-content:center;align-items:center;padding:30px;color:#f5f5f5;font-family:Roboto Mono,monospace;font-size:1.1rem}@media (max-width: 700px){.project-container{padding:90px 10px}.project-container .project-box{padding:10px}.project-container .project-box .top-bx .top-img{width:580px;height:330px}.project-container .project-box .info-bx{width:100%;justify-content:center;align-items:center;flex-direction:column}.project-container .project-box .info-bx .info-left{width:90%}.project-container .project-box .info-bx .info-left .project-ttle{font-family:IM Fell English SC,serif;font-size:3rem;color:#2a2431}.project-container .project-box .info-bx .info-left .project-desc{font-family:Raleway,sans-serif;padding-left:5px}.project-container .project-box .info-bx .info-ss{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:20px}.project-container .project-box .info-bx .info-ss .ss-img{width:80%;border-radius:5px;transition:.3s ease-in-out}}.my-stack-lists{width:80%;list-style-type:none;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:5px;margin-top:20px;margin-bottom:25px;color:#c7c0c0;font-family:Times New Roman,Times,serif}.header1{font-family:Raleway,sans-serif;font-size:5vh;font-weight:500;color:#f5f5f5}.header3{font-family:Roboto Mono,monospace;font-size:2rem;color:#706cb3}.blury-black{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 30px 30px #2a2431cc;background:linear-gradient(to right,rgb(42,36,49),rgba(42,36,49,.9),rgba(42,36,49,.7),rgba(42,36,49,.4),rgba(42,36,49,.3),transparent,transparent);z-index:2;pointer-events:none}.carousel{display:flex;align-items:center;width:100%;height:100%;overflow:hidden;position:relative;z-index:0}.carousel-images{outline:none;display:flex;overflow:hidden;width:100%;height:100%;position:relative;background:none;border:none}.carousel-image{outline:none;background:none;border:none;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0;box-shadow:inset 0 0 30px 30px #2a2431cc}.carousel-image.active{opacity:1}.big-caption{font-family:Roboto Mono,monospace;font-size:2rem;color:#f5f5f5;margin-bottom:20px}a{text-decoration:none}