@font-face{font-family:Walkway_SemiBold;src:url(/static/media/Walkway_SemiBold.cc2209949bfaf4d8214a.woff2)}@font-face{font-family:Walkway_Bold;src:url(/static/media/Walkway_Bold.b956921eb5a51615086d.woff2)}@font-face{font-family:Walkway_Black;src:url(/static/media/Walkway_Black.8d01fcbbd621cf1c8dbd.woff2)}@font-face{font-family:Brigilla;src:url(/static/media/Bigilla.520694f3a50a0ca10842.woff2)}@font-face{font-family:Brigilla_Bold;src:url(/static/media/Bigilla-Bold.366fa18ce60b8e944414.woff2)}:root{--primary:#161616;--secondary:#f9f5ef}.header{display:flex;flex-direction:column;height:min(100vh,1500px);justify-content:space-between}.header .circle{align-self:center;background:url(/static/media/Circle_BG.33c4d82891599bab4d5a.webp);background-size:cover;border-radius:50vh;bottom:25vh;filter:brightness(.8);height:50vh;position:absolute;width:50vh}@media(max-width:600px){.header .circle{width:30vh}}.header h1,.header h4,.header h5{text-transform:uppercase}.header .nav{align-items:center;display:flex;justify-content:space-between;position:relative}.header .nav:after{background:#f9f5ef;background:var(--secondary);bottom:-4rem;content:"";height:.5px;left:0;opacity:.5;position:absolute;width:100%}.header .nav h5{font-family:Walkway_Black,serif;font-size:3rem;font-weight:400;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{font-size:2.5rem;text-decoration:none;text-transform:uppercase}.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{background:#f9f5ef;background:var(--secondary);display:block;height:1px;width:30px}.header .nav .nav-toggle span:last-of-type{margin-top:5px}.header .banner{display:flex;flex-direction:column;height:min(100rem,70vh);justify-content:space-between;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}@media(max-width:600px){.header .banner__upper .first{font-size:10rem;text-align:left}}.header .banner__upper .second{font-family:Brigilla_Bold;text-align:right}@media(max-width:600px){.header .banner__upper .second{font-size:10rem;text-align:right}}.header .banner__lower{align-items:center;display:flex;flex-direction:column;justify-content:center}.header .banner__lower .scroll{height:6rem;margin-bottom:5rem;width:6rem}.header .banner__lower .scroll path{fill:#f9f5ef;fill:var(--secondary)}.header .banner__lower .kaisam{align-items:center;border-bottom:1px solid #f9f5ef;border-bottom:1px solid var(--secondary);border-top:1px solid #f9f5ef;border-top:1px solid var(--secondary);display:flex;font-size:4rem;height:5rem;justify-content:center;opacity:.8;overflow:hidden}.header .banner__lower .kaisam span{margin:0 2.5rem}.about p{font-size:2.8rem;letter-spacing:1px;line-height:4.5rem}@media(max-width:600px){.about p{font-size:4rem;line-height:1.5}}.about__main{align-items:center;display:flex;flex-direction:column;padding-top:50rem}.about__main .me{height:75rem;margin-bottom:-40rem;position:relative;width:50rem}.about__main .me:after{border:.5px solid #f9f5ef;border:.5px solid var(--secondary);left:-2.5rem;opacity:.5;top:-2.5rem}.about__main .me:after,.about__main .me:before{border-radius:75rem 75rem 0 0;content:"";height:100%;position:absolute;width:100%}.about__main .me:before{background-image:url(/static/media/saltun.c1c09ea2c380a7e783f5.jpeg);background-position:50%;background-size:cover;filter:brightness(.8);left:0;top:0;z-index:10}.about__main .text{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:10}.about__main .text__second{font-family:Brigilla_Bold;text-align:center}.about__main .text__inner{margin-top:15rem;position:relative;width:80rem}.about__main .text__inner .interest{margin:10rem 0}.about__main .text__inner:after{background:#f9f5ef;background:var(--secondary);content:"";height:.5px;left:0;position:absolute;top:-2rem;width:98%}.about .tech-stack{margin-bottom:30rem;margin-top:20rem}.about .tech-stack h3{text-align:center}.about .tech-stack .tech-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin-left:auto;margin-right:auto;margin-top:7rem;max-width:100rem;padding:0;perspective:1000px}.about .tech-stack .tech-grid .tech-item{align-items:center;background:#ffffff05;border:.5px solid #ffffff26;border-radius:1.5rem;cursor:default;display:flex;flex-direction:column;gap:1rem;list-style:none;padding:2.5rem 1.5rem;transform-style:preserve-3d;transition:border-color .3s ease,background .3s ease;will-change:transform}.about .tech-stack .tech-grid .tech-item:hover{background:#ffffff0d;border-color:#f9f5ef;border-color:var(--secondary)}.about .tech-stack .tech-grid .tech-item .tech-icon{display:flex;font-size:4rem;will-change:transform}.about .tech-stack .tech-grid .tech-item .tech-name{font-family:Walkway_SemiBold,serif;font-size:1.6rem;letter-spacing:.5px}@media(max-width:450px){.about .tech-stack .tech-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}.project h1{align-items:center;display:flex;font-size:24rem;justify-content:center}.project h1 span{margin:0 5rem}.project .list{display:flex;flex-direction:column;justify-content:center;margin-bottom:30rem;margin-top:20rem}@media(max-width:1200px){.project .list{margin-top:20rem}}.project .list>*{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;margin:5.5rem 0;position:relative}.project .list>:after{bottom:-8rem}.project .list>:after,.project .list>:first-of-type:before{background:#f9f5ef;background:var(--secondary);content:"";height:.5px;left:0;opacity:.5;position:absolute;width:100%}.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{margin-bottom:3rem;opacity:.5}@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-family:Walkway_SemiBold,serif;font-size:2.5rem;margin-top:7rem}@media(max-width:1200px){.project .list .title p{font-size:3.2rem;margin-top:3rem;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{font-size:5rem;margin-left:0;margin-right:3rem}}.project .list .title .index p:last-of-type{border:1px solid #f9f5ef;border:1px solid var(--secondary);border-radius:100%;height:3.5rem;text-align:center;width:3.5rem}@media(max-width:600px){.project .list .title .index p:last-of-type{height:6rem;width:6rem}}.project .list .wrapper{box-shadow:0 50px 100px #00000080;height:52rem;margin-top:5rem;position:relative;width:94rem}.project .list .wrapper:after{bottom:2rem;color:#f9f5ef;color:var(--secondary);font-family:Walkway_SemiBold,serif;font-size:3.5rem;position:absolute;right:-7rem;transform:rotate(90deg)}@media(max-width:1200px){.project .list .wrapper:after{right:-6rem}}.project .list .wrapper canvas{height:52rem!important;width:94rem!important}.footer h1{text-align:center}.footer__second{font-family:Brigilla_Bold;margin-bottom:15rem}.footer__inner{align-items:baseline;display:flex;justify-content:space-between}@media(max-width:900px){.footer__inner{align-items:center;flex-direction:column-reverse}}.footer__inner .top{align-items:center;display:flex;font-family:Walkway_SemiBold,serif;font-size:3.5rem}@media(max-width:600px){.footer__inner .top{font-size:5rem}}@media(max-width:900px){.footer__inner .top{margin-top:15rem}}.footer__inner .top svg{height:3rem;margin-left:1rem;opacity:.65;width:3rem}.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-family:Walkway_SemiBold,serif;font-size:7rem;position:relative}@media(max-width:600px){.footer__inner .social .email{font-size:8rem}}.footer__inner .social .email:after{background:#f9f5ef;background:var(--secondary);bottom:-2.5rem;content:"";height:1px;left:0;position:absolute;width:100%}.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{align-items:center;flex-direction:column}}.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{background:#f9f5ef;background:var(--secondary);bottom:-1px;content:"";height:1px;left:0;position:absolute;transition:all .2s linear;width:0}.footer__inner .social__icons a:hover:after{width:100%}.footer p{display:flex;font-size:2.5rem;justify-content:center;letter-spacing:1px;margin:15rem 0 10rem;text-transform:uppercase}@keyframes scrollUp{0%{opacity:0}50%{opacity:1}to{opacity:0;transform:translateY(-5px)}}.loading{align-items:center;background:#161616;background:var(--primary);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:500}.loading .first span:last-of-type{margin-right:5rem}@media(max-width:600px){.loading .first span:last-of-type{margin-right:3rem}}.loading span{display:inline-block;font-size:15rem;font-weight:300;text-transform:uppercase}@media(max-width:800px){.loading span{font-size:10rem}}.loading .line{background:#f9f5ef;height:2px;left:0;mix-blend-mode:exclusion;position:absolute;top:50%;width:100vw}.left-panel-background,.right-panel-background{background:#000;height:100vh;position:absolute;width:50vw;z-index:550}.left-panel-background{left:0}.right-panel-background{right:0}.nav-menu{background:#101010;display:flex;height:100vh;justify-content:center;position:fixed;right:0;top:0;width:100vw;z-index:100}@media(min-width:601px){.nav-menu{display:none}}.nav-menu .nav-close span{background:#f9f5ef;display:block;height:1px;position:absolute;right:6.5rem;top:8.5rem;transform:rotate(135deg);width:30px}.nav-menu .nav-close span:last-of-type{transform:rotate(-135deg)}.nav-menu ul{align-items:center;display:flex;flex-direction:column;justify-content:center}.nav-menu ul li{list-style:none;margin:5rem}.nav-menu ul li a{color:#f9f5ef;font-family:Walkway_SemiBold,serif;font-size:4rem}@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}html ::selection{background:#f9f5ef;background:var(--secondary);color:red}@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{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#161616;background-color:var(--primary);color:#f9f5ef;color:var(--secondary);font-family:Walkway_SemiBold,serif;text-shadow:1px 1px 1px rgba(0,0,0,.004);transition:all .3s ease-in-out}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:#f9f5ef;background:var(--secondary);border-radius:10px}::-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-family:Brigilla_Bold;font-size:10rem}a{color:#f9f5ef;color:var(--secondary);text-decoration:none}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{margin:0 auto;max-width:1920px;overflow:hidden}.btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex}.btn .arrow{border:1px solid #f9f5ef;border:1px solid var(--secondary);border-radius:100%;height:6rem;margin-right:1.5rem;position:relative;width:6rem}.btn .arrow svg{height:6rem;left:-50%;object-fit:contain;position:absolute;top:0;transition:all .3s ease-in-out;width:7rem}.btn .arrow svg path{fill:#f9f5ef;fill:var(--secondary)}@media(max-width:600px){.btn .arrow{height:8rem;width:8rem}.btn .arrow svg{height:8rem;width:9rem}}.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{border-radius:100%;left:0;mix-blend-mode:exclusion;pointer-events:none;position:fixed;top:0;transform:translate(-50%,-50%);z-index:300}.cursor{align-items:center;background:#f9f5ef;display:flex;height:32px;justify-content:center;transition:all .1s ease-in-out;transition-property:width,height,border;width:32px}@media(max-width:900px){.cursor{display:none}}.cursor svg{height:80px;mix-blend-mode:exclusion;opacity:0;transform:rotate(-90deg);width:80px}.cursor svg path{fill:#f9f5ef}.hovered{height:60px;width:60px}.projectHovered{height:100px;width:100px}.projectHovered svg{opacity:1}.cursor2{border:1px solid #f9f5ef;border:1px solid var(--secondary);height:60px;mix-blend-mode:exclusion;transition:all .2s ease-in-out;transition-property:width,height,border;width:60px}@media(max-width:900px){.cursor2{display:none}}.hovered2{opacity:0}
/*# sourceMappingURL=main.90124693.css.map*/