@font-face{font-family:Walkway_SemiBold;src:url(/static/media/Walkway_SemiBold.cc220994.woff2)}@font-face{font-family:Walkway_Bold;src:url(/static/media/Walkway_Bold.b956921e.woff2)}@font-face{font-family:Walkway_Black;src:url(/static/media/Walkway_Black.8d01fcbb.woff2)}@font-face{font-family:Brigilla;src:url(/static/media/Bigilla.520694f3.woff2)}@font-face{font-family:Brigilla_Bold;src:url(/static/media/Bigilla-Bold.366fa18c.woff2)}:root{--primary:#161616;--secondary:#f9f5ef}.header{height:min(100vh,1500px);display:flex;flex-direction:column;justify-content:space-between}.header .circle{position:absolute;width:50vh;height:50vh;background:url(/static/media/Circle_BG.33c4d828.webp);bottom:25vh;align-self:center;border-radius:50vh;background-size:cover;-webkit-filter:brightness(.8);filter:brightness(.8)}@media(max-width:600px){.header .circle{width:30vh}}.header h1,.header h4,.header h5{text-transform:uppercase}.header .nav{display:flex;justify-content:space-between;align-items:center;position:relative}.header .nav:after{content:"";position:absolute;width:100%;height:.5px;opacity:.5;background:#f9f5ef;background:var(--secondary);bottom:-4rem;left:0}.header .nav h5{font-family:"Walkway_Black",serif;font-weight:400;font-size:3rem;letter-spacing:1.5px}@media(max-width:900px){.header .nav h5{font-size:5rem}}.header .nav ul{display:flex}@media(max-width:600px){.header .nav ul{display:none}}.header .nav ul li{list-style:none;margin-left:13rem}.header .nav ul li a{text-decoration:none;font-size:2.5rem}.header .nav ul li a:hover{text-decoration:line-through}@media(max-width:900px){.header .nav ul li{margin-left:10rem}.header .nav ul li a{font-size:3rem}}.header .nav .nav-toggle{padding:10px}@media(min-width:601px){.header .nav .nav-toggle{display:none}}.header .nav .nav-toggle span{width:30px;height:1px;display:block;background:#f9f5ef;background:var(--secondary)}.header .nav .nav-toggle span:last-of-type{margin-top:5px}.header .banner{display:flex;flex-direction:column;justify-content:space-between;height:min(100rem,70vh);text-align:center}@media(max-width:1024px){.header .banner{height:70vh}}.header .banner__upper{line-height:.9;padding:0 15rem}@media(max-width:900px){.header .banner__upper{padding:0 10rem}}@media(max-width:600px){.header .banner__upper{padding:0 5rem}}.header .banner__upper h1{font-size:24rem;margin-bottom:1rem;position:relative;z-index:10}@media(max-width:600px){.header .banner__upper h1{margin-bottom:10rem}}.header .banner__upper .first{text-align:left}.header .banner__upper .second{text-align:right;font-family:"Brigilla_Bold"}@media(max-width:600px){.header .banner__upper .second{text-align:left}}.header .banner__lower{display:flex;flex-direction:column;justify-content:center;align-items:center}.header .banner__lower .scroll{height:6rem;width:6rem;margin-bottom:5rem}.header .banner__lower .scroll path{fill:#f9f5ef;fill:var(--secondary)}.header .banner__lower .kaisam{font-size:4rem;opacity:.8;display:flex;align-items:center;justify-content:center;height:5rem;overflow:hidden;border-top:1px solid #f9f5ef;border-top:1px solid var(--secondary);border-bottom:1px solid #f9f5ef;border-bottom:1px solid var(--secondary)}.header .banner__lower .kaisam span{margin:0 2.5rem}.about p{font-size:2.8rem;line-height:4.5rem;letter-spacing:1px}@media(max-width:600px){.about p{font-size:4rem;line-height:1.5}}.about__main{display:flex;flex-direction:column;align-items:center;padding-top:50rem}.about__main .me{position:relative;height:75rem;width:50rem;margin-bottom:-40rem}.about__main .me:after{opacity:1;top:-2.5rem;left:-2.5rem;border:1px solid #f9f5ef;border:1px solid var(--secondary);border-radius:75rem 75rem 0 0}.about__main .me:after,.about__main .me:before{content:"";position:absolute;width:100%;height:100%;z-index:10}.about__main .me:before{top:0;left:0;border-radius:75rem 75rem 0 0;background-image:url(/static/media/Kaisam.2ea1e23d.webp);background-size:cover;background-position:50%;-webkit-filter:brightness(.8);filter:brightness(.8)}.about__main .text{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.about__main .text__second{font-family:"Brigilla_Bold"}.about__main .text__inner{margin-top:15rem;width:80rem;position:relative}.about__main .text__inner .interest{margin:10rem 0}.about__main .text__inner:after{content:"";position:absolute;top:-2rem;left:0;width:98%;height:.5px;background:#f9f5ef;background:var(--secondary)}.about .tech-stack{margin-top:20rem;margin-bottom:30rem}.about .tech-stack h3{text-align:center}.about .tech-stack ul{display:flex;justify-content:space-evenly;margin-top:7rem}.about .tech-stack ul li{list-style:none;font-family:"Walkway_SemiBold",serif;font-size:5rem;font-weight:400;margin:5rem}@media(max-width:450px){.about .tech-stack ul{flex-direction:column;align-items:center}}.project h1{display:flex;align-items:center;justify-content:center;font-size:24rem}.project h1 span{margin:0 5rem}.project .list{display:flex;flex-direction:column;justify-content:center;margin-top:20rem;margin-bottom:30rem}@media(max-width:1200px){.project .list{margin-top:20rem}}.project .list>*{position:relative;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin:5.5rem 0}.project .list>:after{bottom:-8rem}.project .list>:after,.project .list>:first-of-type:before{content:"";position:absolute;left:0;height:.5px;width:100%;background:#f9f5ef;background:var(--secondary);opacity:.5}.project .list>:first-of-type:before{top:-2.5rem}@media(max-width:1200px){.project .list>*{flex-direction:column-reverse;margin:10rem 0}.project .list>:after{bottom:-12rem}.project .list>:first-of-type:before{top:-5rem}}.project .list .title{width:50rem;z-index:10}@media(max-width:1200px){.project .list .title{width:inherit}}.project .list .title__main h3{line-height:.9}.project .list .title__main h3:first-of-type{opacity:.5;margin-bottom:3rem}@media(max-width:600px){.project .list .title__main h3{font-size:8rem}}@media(max-width:1200px){.project .list .title__main{display:flex;justify-content:space-between;margin-top:10rem}.project .list .title__main h3{margin:0 2rem}}.project .list .title p{font-size:2.5rem;margin-top:7rem;font-family:"Walkway_SemiBold",serif}@media(max-width:1200px){.project .list .title p{margin-top:3rem;font-size:3.2rem;text-align:center}}.project .list .title .index{display:flex}@media(max-width:600px){.project .list .title .index{flex-direction:row-reverse;margin:1rem 0 3rem}}.project .list .title .index p{font-size:3rem;margin-left:3rem}@media(max-width:600px){.project .list .title .index p{margin-left:0;margin-right:3rem;font-size:5rem}}.project .list .title .index p:last-of-type{height:3.5rem;width:3.5rem;border:1px solid #f9f5ef;border:1px solid var(--secondary);border-radius:100%;text-align:center}@media(max-width:600px){.project .list .title .index p:last-of-type{height:6rem;width:6rem}}.project .list .wrapper{position:relative;margin-top:5rem;height:52rem;width:94rem;box-shadow:0 50px 100px rgba(0,0,0,.5)}.project .list .wrapper:after{content:"2022";position:absolute;right:-7rem;color:#f9f5ef;color:var(--secondary);bottom:2rem;font-size:3.5rem;font-family:"Walkway_SemiBold",serif;transform:rotate(90deg)}@media(max-width:1200px){.project .list .wrapper:after{right:-6rem}}.project .list .wrapper canvas{height:52rem!important;width:94rem!important;border-radius:5rem}.footer h1{text-align:center}.footer__second{font-family:"Brigilla_Bold";margin-bottom:15rem}.footer__inner{display:flex;justify-content:space-between;align-items:baseline}@media(max-width:900px){.footer__inner{align-items:center;flex-direction:column-reverse}}.footer__inner .top{font-size:3.5rem;font-family:"Walkway_SemiBold",serif;display:flex;align-items:center}@media(max-width:600px){.footer__inner .top{font-size:5rem}}@media(max-width:900px){.footer__inner .top{margin-top:15rem}}.footer__inner .top svg{margin-left:1rem;height:3rem;width:3rem;opacity:.65}.footer__inner .top svg path{fill:#f9f5ef;fill:var(--secondary)}@media(max-width:600px){.footer__inner .top svg{height:5rem;width:5rem}}.footer__inner .top:hover svg{animation:scrollUp 1.3s infinite}.footer__inner .social{text-align:right}.footer__inner .social .email{font-size:7rem;font-family:"Walkway_SemiBold",serif;position:relative}@media(max-width:600px){.footer__inner .social .email{font-size:8rem}}.footer__inner .social .email:after{content:"";position:absolute;left:0;bottom:-2.5rem;width:100%;height:1px;background:#f9f5ef;background:var(--secondary)}.footer__inner .social__icons{margin-top:7.2rem}@media(max-width:900px){.footer__inner .social__icons{display:flex;justify-content:space-evenly}}@media(max-width:600px){.footer__inner .social__icons{flex-direction:column;align-items:center}}.footer__inner .social__icons a{font-size:3rem;margin-left:9rem;position:relative}@media(max-width:900px){.footer__inner .social__icons a{margin-left:0}}@media(max-width:600px){.footer__inner .social__icons a{font-size:5rem;margin:5rem}}.footer__inner .social__icons a:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:#f9f5ef;background:var(--secondary);transition:all .2s linear}.footer__inner .social__icons a:hover:after{width:100%}.footer p{text-transform:uppercase;font-size:2.5rem;letter-spacing:1px;margin:15rem 0 10rem;display:flex;justify-content:center}@keyframes scrollUp{0%{opacity:0}50%{opacity:1}to{opacity:0;transform:translateY(-5px)}}.loading{position:fixed;top:0;left:0;right:0;bottom:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#161616;background:var(--primary)}.loading .first span:last-of-type{margin-right:5rem}@media(max-width:600px){.loading .first span:last-of-type{margin-right:3rem}}.loading span{font-size:15rem;font-weight:300;display:inline-block;text-transform:uppercase}@media(max-width:800px){.loading span{font-size:10rem}}.loading .line{position:absolute;top:50%;left:0;background:#f9f5ef;height:2px;width:100vw;mix-blend-mode:exclusion}.left-panel-background,.right-panel-background{height:100vh;width:50vw;position:absolute;z-index:550;background:#000}.left-panel-background{left:0}.right-panel-background{right:0}.nav-menu{position:fixed;top:0;right:0;height:100vh;width:100vw;background:#101010;display:flex;justify-content:center;z-index:100}@media(min-width:601px){.nav-menu{display:none}}.nav-menu .nav-close span{position:absolute;top:8.5rem;right:6.5rem;width:30px;height:1px;display:block;background:#f9f5ef;transform:rotate(135deg)}.nav-menu .nav-close span:last-of-type{transform:rotate(-135deg)}.nav-menu ul{display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-menu ul li{margin:5rem;list-style:none}.nav-menu ul li a{color:#f9f5ef;font-size:4rem;font-family:"Walkway_SemiBold",serif}@media(max-width:600px){.nav-menu ul li a{font-size:8rem}}*,:after,:before{margin:0;padding:0}html{font-size:10px;scroll-behavior:smooth}@media(max-width:1800px){html{font-size:8.5px}}@media(max-width:1600px){html{font-size:7.5px}}@media(max-width:1450px){html{font-size:7px}}@media(max-width:1300px){html{font-size:6.5px}}@media(max-width:900px){html{font-size:5px}}@media(max-width:750px){html{font-size:4px}}@media(max-width:400px){html{font-size:3.7px}}body{font-family:"Walkway_SemiBold",serif;background-color:#161616;background-color:var(--primary);color:#f9f5ef;color:var(--secondary);-webkit-font-smoothing:antialiased;text-shadow:1px 1px 1px rgba(0,0,0,.004);-moz-osx-font-smoothing:grayscale;transition:all .3s ease-in-out}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{background:#f9f5ef;background:var(--secondary)}h1,h2{font-family:"Walkway_Black",serif;letter-spacing:2px}h1{font-size:20rem;font-weight:400;line-height:.9;text-transform:uppercase}@media(max-width:600px){h1{font-size:15rem}}h3{font-size:10rem;font-family:"Brigilla_Bold"}a{text-decoration:none;color:#f9f5ef;color:var(--secondary)}a,p{font-family:"Walkway_SemiBold",serif}.App{overflow-x:hidden}.container{padding:4rem 15rem}@media(max-width:900px){.container{padding:5rem 10rem}}@media(max-width:600px){.container{padding:5rem}}.maxwidth{max-width:1920px;margin:0 auto;overflow:hidden}.btn{background:transparent;border:none;display:flex;align-items:center;cursor:pointer}.btn .arrow{height:6rem;width:6rem;border:1px solid #f9f5ef;border:1px solid var(--secondary);border-radius:100%;position:relative;margin-right:1.5rem}.btn .arrow svg{position:absolute;left:-50%;top:0;height:6rem;width:7rem;object-fit:contain;transition:all .3s ease-in-out}.btn .arrow svg path{fill:#f9f5ef;fill:var(--secondary)}@media(max-width:600px){.btn .arrow{height:8rem;width:8rem}.btn .arrow svg{width:9rem;height:8rem}}.btn a{color:#f9f5ef;color:var(--secondary);font-family:"Walkway_Bold",serif;font-size:4.5rem;transition:all .3s ease-in-out}@media(max-width:600px){.btn a{font-size:6rem}}.btn:hover a{transform:scale(1.05)}.btn:hover .arrow svg{transform:translateX(1rem)}.cursor,.cursor2{position:fixed;top:0;left:0;border-radius:100%;transform:translate(-50%,-50%);pointer-events:none;z-index:300;mix-blend-mode:exclusion}.cursor{width:32px;height:32px;background:#f9f5ef;transition:all .1s ease-in-out;transition-property:width,height,border;display:flex;justify-content:center;align-items:center}@media(max-width:900px){.cursor{display:none}}.cursor svg{transform:rotate(-90deg);height:80px;width:80px;opacity:0;mix-blend-mode:exclusion}.cursor svg path{fill:#f9f5ef}.hovered{width:60px;height:60px}.projectHovered{width:100px;height:100px}.projectHovered svg{opacity:1}.cursor2{width:60px;height:60px;border:1px solid #f9f5ef;border:1px solid var(--secondary);transition:all .2s ease-in-out;transition-property:width,height,border;mix-blend-mode:exclusion}@media(max-width:900px){.cursor2{display:none}}.hovered2{opacity:0}
/*# sourceMappingURL=main.18df8f3d.chunk.css.map */