.app,body{background-color:#000}@font-face{font-display:swap;font-family:helvetica;font-style:normal;font-weight:500;src:url(/static/media/helvetica-webfont.d24e246671164b403084.woff2) format("woff2"),url(/static/media/helvetica-webfont.371940af2c31c7fcc72f.woff) format("woff"),url(/static/media/Helvetica.06113bf748ae7dc33e05.ttf) format("truetype")}@font-face{font-display:swap;font-family:helveticabold;font-style:normal;font-weight:700;src:url(/static/media/helvetica-bold-font-webfont.e070fb4d1f5605c9bd11.woff2) format("woff2"),url(/static/media/helvetica-bold-font-webfont.91ab63affc473545c2e2.woff) format("woff")}@font-face{font-display:swap;font-family:helveticalight;font-style:normal;font-weight:300;src:url(/static/media/helvetica_light_regular-webfont.98f452219e05ef708799.woff2) format("woff2"),url(/static/media/helvetica_light_regular-webfont.626a279f5633f815b94f.woff) format("woff")}@font-face{font-display:swap;font-family:helveticaregular;font-style:normal;font-weight:400;src:url(/static/media/helvetica-regular-webfont.e661299bc44512ae8c43.woff2) format("woff2"),url(/static/media/helvetica-regular-webfont.34ab3b9a64ee3ed80440.woff) format("woff")}body{font-family:Body;margin:0 0 100vh}.projects{margin:0 auto;position:relative;width:60%}.cardContainer{height:100vh;position:-webkit-sticky;position:sticky;top:0}.cardContainer,.cardContainer .card{align-items:center;display:flex;justify-content:center}.cardContainer .card{border-radius:25px;border-radius:20px;flex-direction:column;height:500px;overflow:hidden;padding:50px;position:relative;top:-25%;transform-origin:top;width:1500px}.cardContainer .card h2{text-fill-color:#0000;-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-image:-webkit-linear-gradient(0deg,rgba(255,254,254,.685) 30%,rgba(120,186,73,.576) 39%,rgba(233,30,98,.631) 70%);color:#1a7b84;margin:0;text-align:center;z-index:2}.cardContainer .card:before{animation:rotate 4s linear infinite;background:linear-gradient(#0cf,#d500f9);content:"";height:260%;position:absolute;width:170px}.cardContainer .card:after{background:linear-gradient(#0e0e0e,#161616);border-radius:16px;content:"";inset:5px;position:absolute}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cardContainer .card .card-body{display:flex;gap:50px;height:100%;margin-top:2%;z-index:2}.cardContainer .card .card-body .card-description{position:relative;top:10%;width:100%}.cardContainer .card .card-body .card-description p{text-fill-color:#0000;-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(0deg,#e6e9f0 0,#eef1f5);color:#1a7b84;font-family:helvetica;font-family:var(--font-helvicta);font-size:20px;font-size:var(--text-sx)}.cardContainer .card .card-body .card-description p ul li{line-height:1.25;line-height:var(--line-height-default-1);list-style-type:none}.cardContainer .card .card-body .card-description span{align-items:center;display:flex;gap:5px;justify-content:center;margin-top:2%}.cardContainer .card .card-body .card-description span a{color:#000;color:var(--color-black);color:#fcfcfc;cursor:pointer;font-family:helvetica;font-family:var(--font-helvicta);font-size:24px;font-size:var(--text-sm);text-decoration:none;transition:all .3s ease-in-out}.cardContainer .card .card-body .card-description span a:before{background:#d69954;bottom:3px;content:"";display:block;height:3px;left:0;position:absolute;transition:all .3s ease-in-out;width:0}.cardContainer .card .card-body .card-description span a:hover{background-position:50%;color:#f17171}.cardContainer .card .card-body .card-description span .arrow img{z-index:2}.cardContainer .card .card-body .card-image-container{border-radius:25px;height:100%;overflow:hidden;position:relative;width:60%}.cardContainer .card .card-body .card-image-container .inner{height:100%;width:100%}.cardContainer .card .card-body .card-image-container img{object-fit:cover}.cardContainer .card .card-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.cardContainer .card .card-header h2{text-fill-color:#0000;-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(0deg,#96fbc4 0,#f9f586);color:#000;color:#1a7b84;z-index:2}.cardContainer .card .card-header .arrow-down{animation:arrowAnimation 2s infinite;cursor:pointer;transition:all .4s ease-in;width:150px}.cardContainer .card .card-header .arrow-down img{transform:rotate(90deg);width:100%;z-index:2}.cardContainer .card .card-header .arrow-down:hover{margin-top:13%}.cardContainer .card .card-header .arrow-container{animation:arrowAnimation 2s infinite;height:100px;position:relative;width:100px;z-index:2}.cardContainer .card .card-header .arrow{left:50%;margin-top:30%;position:absolute;transform:translateX(-50%);width:110px;width:var(--heading-lg)}.cardContainer .card .card-header .arrow img{transform:rotate(90deg);width:100%}@keyframes arrowAnimation{0%{top:0}50%{top:50px}to{top:0}}.technology-icon-section{display:flex;flex-direction:row;flex-wrap:wrap;gap:2.5rem;justify-content:center;margin:10% auto 0;width:60%}.technology-icon-section .tech-icon-container{height:7rem;width:7rem}.technology-icon-section .tech-icon-container div{border-radius:20px;cursor:pointer}.technology-icon-section .tech-icon-container div img{display:block;height:auto;max-width:100%;vertical-align:middle}.contact-container{align-items:center;display:flex;flex-direction:column;margin-top:20vh}.contact-container .contact-form{background-color:#000;border:1px solid red;border-radius:20px;display:flex;flex:0.75 1;flex-direction:column;gap:10px;margin-bottom:10%;padding:8%;width:60%}.contact-container .contact-form .form-label{color:#fff;font-family:helvetica;font-family:var(--font-helvicta);font-size:18px;font-size:20px;font-size:var(--text-sx);letter-spacing:wider;margin-bottom:5%;text-transform:uppercase}.contact-container .contact-form .form-title{color:#fff;font-family:helvetica;font-family:var(--font-helvicta);font-size:60px;font-size:56px;font-size:var(--heading-md);font-weight:700}.contact-container .contact-form .form-content{display:flex;flex-direction:column;font-family:helvetica;font-family:var(--font-helvicta);gap:8px;margin-top:12px}.contact-container .contact-form .form-content .form-label-container{display:flex;flex-direction:column;margin-bottom:5%}.contact-container .contact-form .form-content .form-label-container .form-text{color:#fff;font-family:helvetica;font-family:var(--font-helvicta);font-weight:medium;margin-bottom:2%}.contact-container .contact-form .form-content .form-label-container .form-input{background-color:#fff;border:none;border-radius:8px;color:#000;font-family:helvetica;font-family:var(--font-helvicta);font-weight:medium;outline:none;padding:14px 16px}.contact-container .contact-form .form-content .form-label-container .form-input::placeholder{color:#000;font-family:helvetica;font-family:var(--font-helvicta)}.contact-container .contact-form .form-content .form-button{background-color:#ccc;border:none;border-radius:20px;box-shadow:0 0 8px #0003;color:#fff;cursor:pointer;font-family:helvetica;font-family:var(--font-helvicta);font-weight:700;outline:none;padding:12px 24px;transition:all .3s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-container .contact-form .form-content .form-button:hover{background-color:#2c2828}@media (max-width:1720px){.cardContainer .card{height:450px}.projects{width:70%}}@media (max-width:1200px){.cardContainer .card{height:350px}.projects{width:70%}.technology-icon-section{gap:1.5rem}}@media (max-width:991px){.cardContainer .card{height:350px}.projects{width:80%}.technology-icon-section{gap:1.5rem;width:80%}.contact-container .contact-form{padding:4%}}@media (max-width:600px){.cardContainer .card{height:550px}.projects{width:90%}.technology-icon-section{gap:1.5rem;width:80%}.technology-icon-section .tech-icon-container{height:3rem;width:3rem}.contact-container{margin-top:0}.contact-container .contact-form{margin-bottom:5%;padding:4%;width:90%}}.project{align-items:center;cursor:pointer;display:flex;justify-content:center;padding-bottom:.5vw;padding-top:.5vw;width:100%}.project p{text-fill-color:#0000;-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(0deg,#cd9cf2 0,#f6f3ff);color:#1a7b84;font-family:var(--font-helvicta-bold);font-size:5vw;font-size:var(--heading-lg);margin:0;z-index:2}.project:last-of-type{border-bottom:2px solid #000}.project .imgContainer{display:flex;justify-content:center;overflow:hidden;width:0;z-index:2}.project .imgContainer img{width:10vw}@media (max-width:600px){.project .imgContainer{width:100px}.project .imgContainer img{width:100%}}:root{--heading-lg:110px;--heading-md:56px;--heading-sm:36px;--text-lg:36px;--text-tmd:30px;--text-md:28px;--text-sm:24px;--text-sx:20px;--text-mini:16px;--line-height-default:1.15;--line-height-default-1:1.25;--letter-spacing-default:0.02em;--letter-spacing-1:0.04em;--font-helvicta-bold:"helveticabold";--font-helvicta:"helvetica";--font-helvicta-regular:"helveticaregular";--font-helvicta-light:"helveticalight";--color-black:#000;--color-white:#fff;--color-black-1:#1f2124;--color-grey:#828999;--color-grey-1:#d9d9d9;--color-orange:#ef732c;--color-shade:#f5f6f6;--spacing-left:100px;--section-spacing-lg:120px;--section-spacing-md:100px;--section-spacing-sm:80px;--section-spacing-xm:60px;--section-spacing-mini:40px;--section-spacing-xmini:30px}.heading-lg{font-family:helveticabold;font-family:var(--font-helvicta-bold);font-size:110px;font-size:var(--heading-lg)}.heading-lg,.heading-md{font-weight:500!important}.heading-md{font-size:56px;font-size:var(--heading-md)}@media (max-width:1720px){:root{--heading-lg:80px;--heading-md:70px;--text-sm:22px;--text-sx:18px}}@media (max-width:1200px){:root{--heading-lg:60px;--heading-md:50px;--text-sm:18px;--text-sx:16px}}@media (max-width:991px){:root{--heading-lg:45px;--heading-md:30px;--text-sm:16px;--text-sx:15px}}@media (max-width:767px){:root{--heading-lg:35px;--heading-md:25px;--text-sm:15px;--text-sx:15px}}@media (max-width:600px){:root{--heading-lg:40px;--heading-md:25px;--text-sm:15px;--text-sx:15px}}.banner{background-color:#000;height:100vh}.banner .banner-body,.banner .mask{align-items:center;color:#f5f5f5;cursor:default;display:flex;font-size:64px;height:100%;justify-content:center;line-height:66px;width:100%}.banner .banner-body p,.banner .mask p{font-size:56px;font-size:var(--heading-md);line-height:1.25;line-height:var(--line-height-default-1);padding:40px;width:1000px}.banner .banner-body span,.banner .mask span{color:#f36b1d}.banner .mask{background:#f36b1d;color:#202020;-webkit-mask-image:url(/static/media/mask.be84fa40374fd0b18c76.svg);mask-image:url(/static/media/mask.be84fa40374fd0b18c76.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:40px;mask-size:40px;position:absolute}.banner .mask span{color:#fff}@media (max-width:1600px){.banner .banner-body,.banner .mask{cursor:default}.banner .banner-body p,.banner .mask p{font-size:36px;font-size:var(--heading-sm)}}@media (max-width:1200px){.banner .banner .banner-body p,.banner .mask p{text-align:center}.banner .mask{-webkit-mask-image:url(/static/media/mask.be84fa40374fd0b18c76.svg);mask-image:url(/static/media/mask.be84fa40374fd0b18c76.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:40px;mask-size:40px}}@media (max-width:600px){.banner .banner-body,.banner .mask{cursor:default}.banner .banner-body p,.banner .mask p{font-size:56px;font-size:var(--heading-md);text-align:center}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%}.resume-container{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%}.resume-container .resume{height:105vh;padding-bottom:30vh;padding-top:30vh}.resume-container .resume .img{margin-bottom:-4px;transform-origin:top;width:100%}.resume-container .resume #imgThree,.resume-container .resume #imgTwo{transform:perspective(1000px) rotateX(-90deg)}.resume-container .text{align-items:center;display:flex;height:100vh;justify-content:center;width:100%;z-index:2}.resume-container .text h2{cursor:pointer;font-size:5vw;font-weight:400}.resume-container .text h2 a{-webkit-text-fill-color:#0000;background:linear-gradient(#0664f1,#1482ff,#4800f1) 0 no-repeat,#434343;background-clip:text;-webkit-background-clip:text;background-size:0 100%;color:#fff;font-family:var(--font-helvicta-bold);font-size:var(--heading-lg);text-decoration:none;transition:.3s ease-in-out}.resume-container .text h2 a:hover{background-size:100% 100%;text-shadow:0 2px 2px #fff6}.resume-container .overlay{background-color:#111111bf;height:100%;opacity:0;pointer-events:none;position:fixed;top:0;width:100%}.box-container a{border-radius:100%;color:#222;display:inline-block;margin:0 2px;padding-top:12px;position:relative;text-decoration:none;transition:all .5s;width:130px}.box-container a.icon:before{color:#fff;font-family:FontAwesome,sans-serif;font-size:20px}.box-container a.facebook:before{content:"\f09a"}.box-container a.twitter:before{content:"\f099"}.box-container a.github:before{content:"\f113"}.box-container a.dribble:before{content:"\f17d"}.box-container a.pinterest:before{content:"\f0d2"}.box-container a span{background:#000;border:1px solid #f22613;bottom:0;color:#fff;font-size:14px;font-weight:700;left:-25px;opacity:0;padding:5px 7px;position:absolute;right:-25px;transition:all .4s;visibility:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.box-container a:hover span{bottom:50px;opacity:1;visibility:visible}.box-container a.HTML:hover{color:#bfbfbf}.box-container a.HTML span{color:#de4f12}.box-container a.CSS:hover{border-color:#000;color:#fff}.box-container a.CSS span{border-color:#3978bd;color:#3978bd}.box-container a.JavaScript:hover{color:#fff}.box-container a.JavaScript span{border-color:#f7d500;color:#f7d500}.box-container a.TypeScript:hover{color:#fff}.box-container a.TypeScript span{border-color:#3376d2;color:#3376d2}.box-container a.React:hover{color:#fff}.box-container a.React span{border-color:#3376d2;color:#6cc2de}.box-container a.Gatsby:hover{color:#683e99}.box-container a.Gatsby span{border-color:#683e99;color:#683e99}.box-container a.Strapi:hover{color:#8972f8}.box-container a.Strapi span{border-color:#8972f8;color:#8972f8}.box-container a.Redux:hover{color:#7e57c2}.box-container a.Redux span{border-color:#7e57c2;color:#7e57c2}.box-container a.Tailwind:hover{color:#64b5d2}.box-container a.Tailwind span{border-color:#64b5d2;color:#64b5d2}.box-container a.Node:hover{color:#62a566}.box-container a.Node span{border-color:#62a566;color:#62a566}.box-container a.MongoDB:hover{color:#5d4037}.box-container a.MongoDB span{border-color:#5d4037;color:#5d4037}.box-container a.GIT:hover{color:#de491c}.box-container a.GIT span{border-color:#de491c;color:#de491c}@media (max-width:1720px){.box-container a{width:100px}}@media (max-width:600px){.box-container a{width:60px}.resume-container .resume{overflow:hidden;width:90%}.resume-container .resume .img{display:flex;width:100%}.resume-container .resume .img img{margin:0 auto;width:100%}}
/*# sourceMappingURL=main.bcd098e8.css.map*/