@font-face{font-family:"League Spartan";src:url(/static/media/LeagueSpartan-Bold.ba209480.otf);font-weight:700}@font-face{font-family:"Walkway-SemiBold";src:url(/static/media/Walkway_SemiBold.eb1a689b.ttf)}@font-face{font-family:"Walkway-Bold";src:url(/static/media/Walkway_Bold.2fe52d53.ttf)}@font-face{font-family:"Walkway-UltraBold";src:url(/static/media/Walkway_UltraBold.d741bc4c.ttf)}@font-face{font-family:"Walkway-Oblique-black";src:url(/static/media/Walkway_Oblique_Black.2ba9b1e6.ttf)}@font-face{font-family:"Bigilla";src:url(/static/media/Bigilla.fdbf1198.otf)}@font-face{font-family:"Bigilla-Bold";src:url(/static/media/Bigilla-Bold.d3832cdc.otf)}:root{--primary:#e5e6f7;--background:#161616}*{box-sizing:border-box;margin:0;padding:0;font-size:10px;scroll-behavior:smooth;line-height:1.5}.loader{width:100vw;height:100vh;background-color:#3db0f3}body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;background-color:#161616;background-color:var(--background)}.home{position:relative;height:100vh;z-index:2}.name-logo{position:absolute;top:37%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:4}.name-logo img{width:495px;height:100%;opacity:.35}@media screen and (min-width:1000px){.name-logo img{width:680px;height:360px}}@media screen and (max-width:640px){.name-logo img{display:none}}@media screen and (min-width:1000px){.name-logo{top:31%}}.home-content{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;color:#fff;z-index:6}.home-content h1{font-family:"Bigilla","san-serif";font-weight:600;letter-spacing:2px;padding-bottom:50px;line-height:23rem;font-size:25rem}.home-content h1,.home-content h3{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;transition:all .3s ease}.home-content h3{font-size:5.5rem;font-family:"Walkway-SemiBold",serif;font-weight:100;letter-spacing:.14rem;position:relative;margin-bottom:30px}.home-content .home-content-main{display:flex;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;text-align:-webkit-center}@media screen and (max-width:540px){.home-content .home-content-main{width:340px;display:flex;flex-direction:column}.home-content .home-content-main .btn{width:100%}}.btn{display:inline-block;padding:10px 20px;font-family:"Bigilla","san-serif";font-weight:800;font-size:18px;cursor:pointer;text-decoration:none;letter-spacing:2px;background-color:initial;color:#fff;position:relative;outline:none!important;border-radius:2px;border:3px solid #fff}.btn,.btn:after{transition:all .4s ease}.btn:after{z-index:-2;position:absolute;content:"";width:100%;height:0;bottom:0;left:0;background-color:#42b8fd}.btn:hover:after{top:0;height:100%}.btn:hover{border:3px solid #27719b;color:#000}.btn:focus:after{top:0;height:100%}.btn:focus{border:3px solid #27719b;color:#000}@media screen and (max-width:540px){.btn{padding:10px;margin-right:0}}@media screen and (max-width:360px){.btn{width:160px;margin-bottom:12px}}@media screen and (max-width:281px){.btn{margin-right:50px}}.icons{position:absolute;display:flex;flex-direction:column;justify-content:space-between;top:50%;right:2%;margin:0;padding:0;list-style:none;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:7}.icons a{transition:all .3s ease;text-decoration:none;color:#e5e6f7;color:var(--primary)}.icons a:hover{color:#42b8fd}.icons li{margin:15px 0}.icons li .icon-size{width:40px;height:40px}@media screen and (min-width:900px){.icons li .icon-size{width:60px;height:60px}}@media screen and (max-width:540px){.icons{padding-top:30px;flex-direction:row;position:relative;top:0;justify-content:center;right:0;-webkit-transform:translateY(0);transform:translateY(0)}.icons li{margin:0 15px}}@media screen and (max-width:281px){.icons{right:7%}}.navbar{position:fixed;display:flex;justify-content:space-between;align-items:center;padding:0 6rem;height:100px;width:100%;background-color:initial;z-index:800;transition:all .4s ease}@media screen and (min-width:1150px){.navbar{padding:0 6rem}}@media screen and (min-width:1300px){.navbar{padding:0 11rem}}.navbar.active{background-color:rgba(0,0,0,.95)}.navbar-items>.active{color:#42b8fd}.logo{z-index:950;height:55px;cursor:pointer}.logo img{width:105px;height:100%}.navbar-items{display:flex;list-style:none;align-items:center;height:100px}.navbar-items,.navbar-items .span-contact{color:#e5e6f7;color:var(--primary)}@media screen and (max-width:740px){.navbar-items{display:flex;position:absolute;flex-direction:column;justify-content:flex-start;padding-top:110px;height:100vh;width:100%;top:0;right:-110%;opacity:1;transition:all .4s ease}.navbar-items a{margin:5rem}}.navbar-items a{text-decoration:none;margin-right:4rem;margin-left:4rem;padding-right:2px;padding-left:2px;position:relative;white-space:nowrap;cursor:pointer;transition:all .4s ease}.navbar-items a span{font-family:"Walkway-UltraBold",serif;font-size:22px;letter-spacing:1.6px}.navbar-items a:before{position:absolute;content:"";width:0;height:2px;top:27px;right:0;direction:ltr;z-index:-1;background-color:#fff;transition:all .25s cubic-bezier(.694,.048,.335,1) .15s}.navbar-items a:hover:before{left:0;width:100%}.navbar-items a:after{position:absolute;content:"";width:0;height:2px;top:27px;right:0;direction:ltr;z-index:-1;background-color:#42b8fd;transition:all .25s cubic-bezier(.694,.048,.335,1)}.navbar-items a:hover:after{left:0;width:100%}.navbar-items a:hover{color:#42b8fd}.navbar-items.active{right:0;transition:all .4s ease;z-index:750}.navbar-items.active a{font-family:"montserrat",sans-serif;font-weight:700;text-decoration:none;text-align:center}@media screen and (max-width:740px){.navbar-items.active{background-color:#000}}.icons-navbar{margin-top:150px;display:none}.icons-navbar a{transition:all .3s ease;text-decoration:none;color:#e5e6f7;color:var(--primary)}.icons-navbar a:hover{color:#42b8fd}@media screen and (max-width:740px){.icons-navbar{display:flex;flex-direction:row;justify-content:center;list-style:none;cursor:pointer;z-index:930}}.burger-icon{display:none;z-index:2;color:#fff}@media screen and (max-width:740px){.burger-icon{display:block;margin-top:2px;cursor:pointer;z-index:920}}.span-resume{text-decoration:none;color:#e5e6f7;color:var(--primary)}#contact-id{height:100vh;background-color:#161616;background-color:var(--background);z-index:-20}.contact{z-index:50;position:relative;display:flex;flex-direction:row;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1000px;height:90%;position:fixed;overflow:hidden;box-shadow:0 20px 80px 0 #000}@media only screen and (min-width:1200px){.contact{width:1170px}}@media only screen and (max-width:1030px){.contact{width:95%}}@media only screen and (max-width:850px){.contact{display:flex;flex-direction:column;overflow-y:auto;height:100%}.contact,.contact .contact-about,.contact .contact-submit{width:100%}.contact .about-text,.contact .submit-text{padding-top:30px;padding-bottom:30px}.contact .about-text{width:80%}.contact .back-icon{display:flex;top:35px}.contact .back-icon2{display:none}.contact .contact-text2{padding-top:20px}.contact .big-text,.contact .big-text2{display:none}}.contact-submit{position:relative;width:50%;z-index:20;background-color:#161616;background-color:var(--background)}.big-text2{bottom:-30px;right:-220px;color:#fff;opacity:.04;font-size:235px;position:absolute;font-family:"League Spartan",Helvetica,Arial,sans-serif;font-weight:700;z-index:0}.submit-text{padding-top:24px;text-align:left;width:80%;margin:0 auto}.back-icon{display:none;position:absolute;right:35px;top:70px;color:#161616;color:var(--background)}.back-icon,.back-icon2{justify-content:flex-end;cursor:pointer;transition:all .3s ease;z-index:10}.back-icon2{position:relative;display:flex;color:#fff}.contact-text{padding-top:20px;margin:0 auto;transition:all .3s ease;width:100%}.contact-text h2{font-family:"Bigilla","san-serif";font-size:42px;letter-spacing:2px;color:#fff}.contact-text p{color:#fff;font-family:"Walkway-UltraBold",serif;font-size:20px;margin-bottom:20px}.form-container{display:flex;justify-content:center;width:100%;padding-top:20px}.form-container form{width:100%;padding-bottom:31px}.form-container label{font-size:16px;color:#fff;font-family:"Walkway-Oblique-black",serif;letter-spacing:2.5px}.form-container .form-padding{width:100%;margin-bottom:20px}.inputs{width:100%;padding:10px 9px;font-size:16px;outline:none;color:#fff;border:2px solid #fff;border-radius:0;transition:all .4s ease}.inputs,.inputs:focus{background-color:#161616;background-color:var(--background)}.inputs:focus,.inputs:hover{border:2px solid #42b8fd}.btn1{display:inline-block;padding:10px 20px;margin-top:20px;width:100%;cursor:pointer;text-decoration:none;background-color:initial;color:#fff;position:relative;outline:none!important;border-radius:2px;border:3px solid #fff;transition:all .4s ease}.btn1 .button-text{position:relative;font-family:"Bigilla","san-serif";font-weight:800;font-size:22px;letter-spacing:3px;z-index:25}.btn1:hover{border:3px solid #27719b;color:#000}.btn1:after{z-index:0;position:absolute;content:"";width:100%;height:0;bottom:0;left:0;background-color:#42b8fd;transition:all .4s ease}.btn1:hover:after{top:0;height:100%}.contact-about{position:relative;width:50%;background-color:#ebeaea;z-index:10}.big-text{top:-45px;left:100px;color:#4a4a4a;font-size:235px;position:absolute;opacity:.07;font-family:"League Spartan",Helvetica,Arial,sans-serif;font-weight:700;z-index:0}.about-text{padding-top:85px;text-align:left;width:70%;margin:0 auto}.contact-text2{margin:0 auto;transition:all .3s ease}.contact-text2 h2{font-family:"Bigilla","san-serif";font-size:42px;font-weight:700;letter-spacing:2px;color:#161616;color:var(--background)}.contact-text2 .p-text2{font-family:"Walkway-UltraBold",serif;font-size:22px;margin-bottom:20px;color:#161616;color:var(--background)}.about-me-text{margin-top:20px;font-size:18px;font-family:"Walkway-Oblique-black",serif;letter-spacing:.8px;color:#161616;color:var(--background)}.about-me-text strong{color:#2974a0;font-size:20px}.about-me-list{padding-top:30px;list-style:none;display:flex;flex-direction:column;margin:0 auto;padding-bottom:31px;transition:all .3s ease-in}.about-me-list div{display:flex;justify-content:space-evenly}.about-me-list .icon1{padding-bottom:10px}.about-me-list span{display:block;text-align:center;color:#161616;color:var(--background);font-family:"League Spartan",Helvetica,Arial,sans-serif;font-weight:800}.spancss svg{width:45px;height:55px}.icon-html5{color:#161616;color:var(--background);transition:all .3s ease-out}.icon-html5:hover{color:#e34f26;transition:all .3s ease-out}.icon-css3{color:#161616;color:var(--background);transition:all .3s ease-out}.icon-css3:hover{color:#1572b6;transition:all .3s ease-out}.icon-javascript{color:#161616;color:var(--background);transition:all .3s ease-out}.icon-javascript:hover{color:#f7df1e;transition:all .3s ease-out}.icon-react{color:#161616;color:var(--background);transition:all .3s ease-out}.icon-react:hover{color:#61dafb;transition:all .3s ease-out}.icon-git{color:#161616;color:var(--background)}.icon-git,.icon-git:hover{transition:all .3s ease-out}.icon-git:hover{color:#f05032}.icon-github{color:#161616;color:var(--background);transition:all .3s ease-out}.icon-github:hover{color:#2d333b;transition:all .3s ease-out}.icon-npm{color:#161616;color:var(--background)}.icon-npm,.icon-npm:hover{transition:all .3s ease-out}.icon-npm:hover{color:#cb3837}.icon-vscode{color:#161616;color:var(--background);transition:all .3s ease-out}.icon-vscode:hover{color:#007acc;transition:all .3s ease-out}.icon-sass{color:#161616;color:var(--background);transition:all .3s ease-out}.icon-sass:hover{color:#cf649a;transition:all .3s ease-out}.projects .marquee{padding:0 20px 0 0;pointer-events:none}.projects .marquee h2,.projects .marquee span{color:#e5e6f7;color:var(--primary);font-family:"Bigilla","san-serif";font-size:85px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projects .marquee span{padding:0 20px}@media (max-width:991px){.projects .marquee h2,.projects .marquee span{font-size:42px}}.projects h1{text-align:center;margin-bottom:0;padding-top:100px;display:flex;align-items:center;justify-content:center}.projects h1 span{text-transform:capitalize;font-family:"Bigilla","san-serif";font-size:18rem;color:#e5e6f7;color:var(--primary);margin:0 5rem}.projects .list{display:flex;flex-direction:column;justify-content:center;margin-top:0;margin-bottom:30rem}.projects .list>*{position:relative;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin:5.5rem 0}.projects .list>:after{bottom:-8rem}.projects .list>:after,.projects .list>:first-of-type:before{content:"";position:absolute;left:0;height:.5px;width:100%;background:#e5e6f7;background:var(--primary);opacity:.5}.projects .list>:first-of-type:before{top:-2.5rem}@media (max-width:1200px){.projects .list>*{flex-direction:column-reverse;margin:10rem 0;text-align:center}.projects .list>:after{bottom:-12rem}.projects .list>:first-of-type:before{top:-5rem}}.projects .list .title{width:55rem;z-index:10}.projects .list .title .btn{padding:8px 20px;margin:4rem 20px 0 0}.projects .list .title .btn span{font-size:100%}@media (max-width:767px){.projects .list .title .btn{margin:4rem 10px 0;padding:8px 12px}.projects .list .title .btn span{font-size:90%}}@media (max-width:1200px){.projects .list .title{width:inherit}}.projects .list .title-main h3{line-height:.9;letter-spacing:2px}.projects .list .title-main h3:first-of-type{opacity:.5;margin-bottom:3rem}@media (max-width:600px){.projects .list .title-main h3{font-size:8rem}}.projects .list .title-main h3:last-child{padding-bottom:30px}@media (max-width:1200px){.projects .list .title-main{display:flex;justify-content:center;margin-top:10rem}.projects .list .title-main h3{margin:0 2rem}}.projects .list .title p{font-size:2.5rem;margin-top:2rem;font-family:"Walkway-SemiBold",serif}@media (max-width:1200px){.projects .list .title p{margin-top:3rem;font-size:18px;text-align:center}}.projects .list .title .index{display:flex}@media (max-width:600px){.projects .list .title .index{flex-direction:row-reverse;margin:1rem 0 3rem}}.projects .list .title .index p{font-size:3rem;margin-left:3rem}@media (max-width:600px){.projects .list .title .index p{margin-left:0;margin-right:3rem;font-size:5rem}}.projects .list .title .index p:last-of-type{height:3.5rem;width:3.5rem;border:1px solid #e5e6f7;border:1px solid var(--primary);border-radius:100%;text-align:center}@media (max-width:600px){.projects .list .title .index p:last-of-type{height:6rem;width:6rem}}.projects .list .wrapper{position:relative;margin-top:5rem;height:52rem;width:94rem;box-shadow:0 50px 100px rgba(0,0,0,.5)}.footer{position:relative;width:100%;padding:80px 0}.footer,.footer a{color:#e5e6f7;color:var(--primary)}.content{flex-direction:column;max-width:1000px;padding-top:2.5rem}.back-to-top,.content{display:flex;align-items:center;justify-content:center;margin:0 auto}.back-to-top{position:absolute;text-align:center;top:0;left:0;right:0;border-radius:2px;border:3px solid #e5e6f7;border:3px solid var(--primary);color:#e5e6f7;color:var(--primary);background-color:initial;width:50px;height:50px;z-index:500;cursor:pointer}.back-to-top:hover{border:3px solid #27719b;background-color:#42b8fd;color:#000}.footer-logo{display:block;position:relative;height:55px;margin-bottom:30px}.footer-logo img{width:110px;height:100%}.links{list-style:none;display:flex;flex-direction:row;justify-content:space-evenly;width:300px;margin-bottom:30px}.links li{padding:1rem 0}.links li a{font-family:"Walkway-UltraBold",serif;font-size:22px;margin:0 auto;letter-spacing:1.6px;text-decoration:none;padding-right:0;position:relative;white-space:nowrap;cursor:pointer;transition:all .4s ease}.links li a:before{position:absolute;content:"";width:0;height:2px;top:27px;right:0;direction:ltr;z-index:3;background-color:#fff;transition:all .25s cubic-bezier(.694,.048,.335,1) .15s}.links li a:hover:before{left:0;width:100%}.links li a:after{position:absolute;content:"";width:0;height:2px;top:27px;right:0;direction:ltr;z-index:3;background-color:#42b8fd;transition:all .25s cubic-bezier(.694,.048,.335,1)}.links li a:hover:after{left:0;width:100%}.links li a:hover{color:#42b8fd}.footer-copy{display:flex;align-items:center;justify-content:center;width:100%;padding-top:15px;text-align:center}.footer-copy a,.footer-copy p{font-family:"Walkway-UltraBold",serif;font-size:18px;letter-spacing:1.6px}.footer-copy a{margin-left:5px;text-decoration:none}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}}::-webkit-scrollbar{width:13px}@media (max-width:900px){::-webkit-scrollbar{display:none}}::-webkit-scrollbar-thumb{background:#e5e6f7;background:var(--primary)}::-webkit-scrollbar-track{background-color:#161616}body{color:#e5e6f7;color:var(--primary)}.container{padding:4rem 15rem}@media (max-width:900px){.container{padding:5rem 10rem}}@media (max-width:600px){.container{padding:7rem}}h3{font-size:10rem;font-family:"Bigilla","san-serif"}
/*# sourceMappingURL=main.b8454ef5.chunk.css.map */