*{font-family:Nunito,sans-serif;margin:0;padding:0}.light{--background:#f9fafb;--background-greyed:#f3f4f6;--background-light-greyed:#e5e7eb;--nav-background:#fff;--nav-border:#e5e7eb;--nav-slider-background:#1f293721;--text-color:#000;--text-secondary-color:#6b7280;--send-button-background:#111827;--send-button-background-hover:#030712;--switcher-background:#fff}.dark{--background:#111827;--background-greyed:#ffffff1a;--background-light-greyed:#ffffff33;--nav-background:#030712;--nav-border:#030712;--nav-slider-background:#1c54a170;--text-color:#fff;--text-secondary-color:#ffffffb3;--send-button-background:#1c54a170;--send-button-background-hover:#1c54a1eb;--switcher-background:#1c54a1eb}body{scroll-behavior:smooth}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@keyframes fadeUpAnimation{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeUpAnimation{0%{opacity:0;-webkit-transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0)}}#root{overflow:hidden}.particle-container{height:80vh;position:relative;width:100%}.disable{height:100vh;overflow:hidden;pointer-events:none}.disable #desktop-nav{opacity:0}@-webkit-keyframes expandSkewAnimation{0%{height:0}to{height:80px}}@keyframes expandSkewAnimation{0%{height:0}to{height:80px}}@media screen and (max-width:600px){@-webkit-keyframes expandSkewAnimation{0%{height:0}to{height:40px}}@keyframes expandSkewAnimation{0%{height:0}to{height:40px}}}#contact-section{background-color:var(--background);padding:2rem 0}#contact-section h2{padding-bottom:1rem;padding-top:4rem;text-align:center}#contact-section p{color:var(--text-secondary-color);margin-bottom:0;text-align:center}#contact-section p a{color:var(--text-color)}#contact-section form{display:flex;flex-direction:column;gap:20px;margin:auto;padding:2.5rem;width:70%}#contact-section form input,#contact-section form textarea{border-color:rgba(0,0,0,.1);border-radius:.5rem;border-width:1px;box-sizing:border-box;font-size:1rem;height:3.5rem;padding:1rem;width:100%}#contact-section form textarea{height:200px;resize:vertical}#contact-section form button{--tw-text-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:var(--send-button-background);border:none;border-radius:9999px;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:1rem;gap:5px;height:3rem;justify-content:center;outline:2px solid transparent;outline:none;outline-offset:2px}#contact-section form button:hover{--tw-bg-opacity:1;background-color:var(--send-button-background-hover)}#contact-section form button:hover svg{--tw-translate-x:0.25rem;--tw-translate-y:-0.25rem;--tw-scale-x:1;--tw-scale-y:1;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media screen and (max-width:800px){#contact-section p{margin:auto;width:70%}}.newspaper-popup-container{text-align:center}.newspaper-popup{align-items:center;background-color:#000;background-color:rgba(0,0,0,.4);display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.newspaper-popup-content{background:var(--background);border:1px solid var(--nav-background);opacity:0;padding:20px;-webkit-transform:scale(0) rotate(500deg);transform:scale(0) rotate(500deg);transition:all .5s;width:40%}.newspaper-popup-header{background-color:var(--background-greyed);padding:2px 16px}.newspaper-popup-header,.newspaper-popup-header h3{color:var(--text-secondary-color)}.newspaper-popup-header h2{margin:0}.newspaper-popup-header .close{float:right;font-size:1.17em;font-weight:700}.newspaper-popup-header .close:focus,.newspaper-popup-header .close:hover{cursor:pointer;text-decoration:none;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transition:1s ease}.newspaper-popup-body{padding:10px}@media screen and (max-width:800px){.newspaper-popup-content{width:80%}}@media screen and (max-width:600px){#contact-section h2{padding-top:2rem}#contact-section form{box-sizing:border-box;padding:1.5rem;width:100%}#contact-section p{width:90%}}header{align-items:center;display:flex;justify-content:center;position:fixed;top:20px;width:100%;z-index:99999999}#header-particles{height:100%;width:100%}#header-particles,#header-particles canvas{pointer-events:none;position:absolute;z-index:-10}.seperator-skew{fill:var(--background);-webkit-animation:expandSkewAnimation .5s ease-in-out 4s forwards;animation:expandSkewAnimation .5s ease-in-out 4s forwards;bottom:0;height:0;left:0;overflow:hidden;position:absolute;right:0;width:100%}#desktop-nav{--tw-bg-opacity:0.8;--tw-shadow-color:rgba(0,0,0,.03);--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);background-color:var(--nav-background);border:1px solid var(--nav-border);border-radius:9999px;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-sizing:border-box;padding:10px}#desktop-nav div{display:flex;gap:20px;justify-content:end}.nav-item{background:transparent;border:0;color:var(--text-color);padding:8px;text-decoration:none;-webkit-user-select:none;user-select:none}.nav-item,.nav-item .wrapper{align-items:center;cursor:pointer;display:flex;gap:5px}.nav-item svg{--tw-text-opacity:1;fill:rgb(107 114 128/var(--tw-text-opacity));font-weight:900;height:12px;width:12px}.nav-item p{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity));font-size:14px;letter-spacing:2px;text-decoration:none}.background-slider{background-color:var(--nav-slider-background);border-radius:99999px;cursor:pointer;position:absolute;z-index:2}.nav-item-selected p{color:#000}.nav-item-selected svg{fill:#000}.nav-item:hover p{color:rgb(3 7 18/var(--tw-text-opacity))}.nav-item:hover p,.nav-item:hover svg{--tw-text-opacity:1;transition:all .2s ease-in-out}.nav-item:hover svg{fill:rgb(3 7 18/var(--tw-text-opacity))}#mobile-nav{display:none;width:100%}@media screen and (max-width:900px){#desktop-nav{display:none}#mobile-nav{display:block}body{font-family:Poppins,sans-serif}.nav-container{align-items:center;display:flex;height:62px;justify-content:space-between}.navbar .nav-container li{list-style:none}.navbar .nav-container a{color:var(--text-color);cursor:pointer;font-size:1.2rem;font-weight:500;padding:.7rem;text-decoration:none}.navbar .nav-container a:hover{font-weight:bolder}.nav-container{display:block}.nav-container .checkbox{cursor:pointer;display:block;height:32px;opacity:0;position:absolute;right:20px;top:20px;width:32px;z-index:5}.nav-container .hamburger-lines{display:block;display:flex;flex-direction:column;height:26px;justify-content:space-between;position:absolute;right:20px;top:17px;width:32px;z-index:2}.nav-container .hamburger-lines .line{background:#e61014;border-radius:10px;display:block;height:4px;width:100%}.nav-container .hamburger-lines .line1{-webkit-transform-origin:0 0;transform-origin:0 0;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.nav-container .hamburger-lines .line2{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.nav-container .hamburger-lines .line3{-webkit-transform-origin:0 100%;transform-origin:0 100%;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.navbar .menu-items{background:var(--background);box-shadow:inset 0 0 2000px hsla(0,0%,100%,.5);display:flex;flex-direction:column;height:100vh;margin-left:-40px;margin-top:-20px;padding-left:50px;padding-top:120px;text-align:center;-webkit-transform:translate(-150%);transform:translate(-150%);transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:100%}.navbar .menu-items li{font-size:1.5rem;font-weight:500;margin-bottom:1.2rem}.nav-container input[type=checkbox]:checked~.menu-items{-webkit-transform:translateX(0);transform:translateX(0)}.nav-container input[type=checkbox]:checked~.hamburger-lines .line1{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav-container input[type=checkbox]:checked~.hamburger-lines .line2{-webkit-transform:scaleY(0);transform:scaleY(0)}.nav-container input[type=checkbox]:checked~.hamburger-lines .line3{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.hero{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5}.hero div:first-of-type h2{font-size:clamp(2rem,3vw,4rem);font-weight:700;letter-spacing:2px;margin-bottom:1rem;white-space:nowrap}.hero div:first-of-type h2,.hero div:nth-of-type(2) h2{max-width:80vw;overflow-wrap:break-word;text-align:center}.hero div:nth-of-type(2) h2{font-size:18px;font-size:22px;font-weight:400;line-height:1.6;margin:0 auto;padding:.5rem;width:-webkit-max-content;width:max-content}.hero div:nth-of-type(2) h2 span[color="#e61014"]{font-weight:700}.buttons-wrapper{-webkit-animation:fadeUpAnimation 1s ease-in-out 4.25s forwards;animation:fadeUpAnimation 1s ease-in-out 4.25s forwards;gap:20px;justify-content:center;margin-top:2rem;opacity:0}.btn,.buttons-wrapper{align-items:center;display:flex}.btn{border-radius:3px;cursor:pointer;gap:10px;padding:.8rem 1.5rem;text-decoration:none}.btn,.btn svg{transition:all .4s ease-in-out}.primary{background-color:#e61014;border:2px solid #dd1313;color:#fff}.primary svg{fill:#fff}.primary:hover{background-color:initial;color:#e61014}.primary:hover svg{fill:#e61014}.outline{background-color:initial;border:2px solid #dd1313;color:#e53935}.outline svg{fill:#e53935}.outline:hover{background-color:#e61014;color:#fff}.outline:hover svg{fill:#fff}@media screen and (max-width:850px){.hero div:first-of-type h2{white-space:normal}}@media screen and (max-width:600px){.hero{width:90%}.hero div{width:100%}.hero div h2{max-width:100%!important;white-space:normal;width:auto!important}}@media screen and (max-width:300px){.buttons-wrapper{flex-direction:column}}.socials{-webkit-animation:fadeUpAnimation 1s ease-in-out 4.25s forwards;animation:fadeUpAnimation 1s ease-in-out 4.25s forwards;bottom:40%;left:-125px;opacity:0;position:absolute;z-index:10}.social{align-items:center;display:flex;font-size:1.5rem;padding:15px 20px;text-decoration:none;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.social:hover{animation:slide .3s ease-in-out forwards;-webkit-animation:slide .3s ease-in-out forwards}.social svg{height:30px;width:30px}.linkedin{background-color:#3b82f6;color:#fff}.email{background-color:#fff;color:#2e3031}.social p{width:120px}.linkedin svg{fill:#fff}.email svg{fill:#2e3031}.email p{text-align:center}@keyframes slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(115px);transform:translateX(115px)}}@-webkit-keyframes slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(115px);transform:translateX(115px)}}@keyframes slide-mobile{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(69px);transform:translateX(69px)}}@-webkit-keyframes slide-mobile{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(69px);transform:translateX(69px)}}@media screen and (max-width:850px){.socials{display:none}}@media screen and (max-width:500px){.social{font-size:1rem;padding:5px 7px}.socials{left:-70px;width:100px}.social:hover{animation:slide-mobile .3s ease-in-out forwards;-webkit-animation:slide-mobile .3s ease-in-out forwards}}.project-details{background-color:var(--background-greyed);border-radius:.5rem;box-sizing:border-box;cursor:pointer;display:flex;gap:70px;justify-content:space-between;margin:auto;overflow:hidden;padding-left:2.5rem;padding-top:2.5rem;width:80%}.made-with{display:flex;gap:.5rem;margin-bottom:.8rem;padding-bottom:0!important}.project-details div h3{color:var(--text-color);margin-bottom:.8rem}.project-details div p{align-items:center;color:var(--text-secondary-color);display:flex;font-weight:700;gap:10px;white-space:nowrap;width:-webkit-max-content;width:max-content}.project-details div span{color:var(--text-color);display:flex;flex-wrap:wrap;gap:.4rem}.project-details img{margin-right:-30px;width:28.25rem}.project-details:hover{background-color:var(--background-light-greyed);transition-duration:.1s}.project-details:hover img{--tw-translate-x:-0.75rem;--tw-translate-y:0.75rem;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1.1;--tw-scale-y:1.1;--tw-rotate:-2deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.1s}.project-details div{padding-bottom:2.5rem}@media screen and (max-width:1100px){.project-details{gap:30px}}@media screen and (max-width:900px){.project-details img{width:20rem}}@media screen and (max-width:800px){.project-details img{width:15rem}}@media screen and (max-width:700px){.project-details{display:flex;flex-direction:column-reverse;padding:1.5rem;width:90%}.project-details a{display:block!important;margin-top:30px;text-align:center}.project-details img{width:100%}.project-details:hover img{-webkit-transform:none;-webkit-transform:initial;transform:none;transition-duration:0}.project-details div{padding-bottom:0}}#projects-section{-webkit-animation:expandAnimation .5s ease-in-out 4s forwards;animation:expandAnimation .5s ease-in-out 4s forwards;background:var(--background);height:0;margin-top:-2px;overflow:hidden}#projects-section h2{padding-bottom:3rem;padding-top:6rem;text-align:center}.projects-list{display:flex;flex-direction:column;gap:30px;padding-bottom:60px}@-webkit-keyframes expandAnimation{0%{height:0}to{height:auto}}@keyframes expandAnimation{0%{height:0}to{height:auto}}@media screen and (max-width:600px){#projects-section h2{padding-bottom:1.5rem;padding-top:3rem}}.skills-wrapper{flex-wrap:wrap;list-style-type:none;margin:0 auto;max-width:1100px}.skill,.skills-wrapper{display:flex;justify-content:center}.skill{align-items:center;color:#fff;cursor:pointer;flex-direction:column;font-size:1rem;margin:1rem;transition:.3s;-webkit-user-select:none;user-select:none}.skill img,.skill svg{margin:.5rem}.st0{fill:#007acc}.st1{fill:#fff}.skill p{font-size:1rem;text-align:center}.skill:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.bounce-element{-webkit-animation:bounce 1s 1;animation:bounce 1s 1}#skills-particles{height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:-10}#skills-section{box-sizing:border-box;height:auto;padding:6rem 0;z-index:-20}#skills-section h2{margin:auto auto 3rem;text-align:center;width:260px}.seperator-skew-top{fill:var(--background);-webkit-animation:expandSkewAnimation .5s ease-in-out 4s forwards;animation:expandSkewAnimation .5s ease-in-out 4s forwards;height:0;left:0;overflow:hidden;position:absolute;right:0;top:-1px}.seperator-skew-top svg{position:absolute;top:0;-webkit-transform:scaleY(-1) scaleX(-1);transform:scaleY(-1) scaleX(-1)}@media screen and (max-width:600px){#skills-section{padding:3rem 0}#skills-section h2{margin-bottom:1.5rem;width:100%}.skill img,.skill svg{height:45px;width:45px}.skill p{font-size:.8rem}}#footer-section{bottom:0;position:relative}#footer-section span{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;margin:0 10%;position:absolute;text-align:center;top:0;width:80%}#footer-particles{height:200px}
/*# sourceMappingURL=main.13ab5e3f.css.map*/