h1,h2,h3,h4,h5,h6{color:#fff;line-height:1.2;font-family:Tourney;font-weight:1000;text-align:center}h1{font-size:8dvh;padding-bottom:1dvh;text-shadow:-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000;text-shadow:.5dvh .5dvh .1dvh rgb(0,0,0)}h2{padding-top:6dvh;font-size:6dvh;text-shadow:-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000;text-shadow:.5dvh .5dvh .1dvh rgb(0,0,0)}h3{font-size:5dvh;font-family:Tourney;font-weight:200;text-shadow:-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000;text-shadow:.5dvh .5dvh .1dvh rgb(0,0,0)}h4{font-family:Tourney;font-weight:1000;font-size:4.5dvh;text-shadow:-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000;text-shadow:.5dvh .5dvh .1dvh rgb(0,0,0)}h5{font-family:Tourney;font-weight:1000;font-size:4dvh}p{font-size:2dvh;line-height:1.5;font-family:Tourney;font-weight:1000;color:#fff;text-align:justify}a,li{font-family:Tourney;font-weight:1000}span{font-family:Tourney;font-weight:1000;text-shadow:-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000;text-shadow:.5dvh .5dvh .1dvh rgb(0,0,0)}input,textarea,#charCount{font-family:Tourney;font-weight:1000;font-size:2dvh;color:#fff}button,#popupMessage{font-family:Tourney;font-weight:1000;font-size:2dvh;text-shadow:-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000;text-shadow:.5dvh .5dvh .1dvh rgb(0,0,0)}#fpsCounter{font-family:Tourney;font-weight:1000;color:#fff;font-size:4dvh}#hero{display:flex;flex-direction:column;align-items:center;justify-content:top;width:100dvw;height:100dvh;padding-top:15dvh;background-color:#fff0}.video-container{position:absolute;width:100dvw;height:100dvh;pointer-events:none;top:0;left:0}.video-background{width:100%;height:100%;position:absolute;-o-object-fit:cover;object-fit:cover;opacity:0;z-index:-2}.video-background.active{position:absolute;opacity:1;z-index:-1}#logo{max-height:20dvh;height:20dvh}#hero-socials{display:flex;align-items:center;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:2dvh;margin-top:10dvh}.socials a{font-size:8dvh;color:#fff;transition:color .3s ease,transform .3s ease;text-shadow:-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000;text-shadow:.5dvh .5dvh .1dvh rgb(0,0,0)}.socials a:hover{transform:scale(1.2)}#projects{display:flex;flex-direction:column;align-items:center;justify-content:top;overflow:hidden;background-color:#202020;position:relative}.project-panel{display:flex;align-items:center;flex-direction:row;justify-content:center;width:100dvw;position:relative;overflow:hidden;padding:2dvh;flex-wrap:wrap;gap:1dvh;height:35dvh;transition:height 1s ease-in-out;align-items:flex-start}.project-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:inherit;background-size:cover;background-position:center;transform-origin:center;transform:scale(1);transition:transform .5s ease,filter 1.5s ease;filter:grayscale(100%)}.project-panel:hover:before{transform:scale(1.05);filter:grayscale(0%)}.project-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:top;box-sizing:border-box;padding-top:2dvh;width:70dvh;height:30dvh;max-width:100dvw;flex-shrink:0;max-width:100%;max-height:100%}.project-hero h4{margin-top:2dvh}.project-hero .tech-stack{display:flex;align-items:center;flex-direction:row;justify-content:center;flex-wrap:wrap;margin-top:4dvh;gap:1dvh;background-color:#000000b3;padding:1dvh;background-color:#323232e6;border-radius:2dvh;border:.25dvh solid #000000;box-shadow:.6dvh .6dvh #000;padding:1dvh 1.5dvh}.project-hero .tech-stack img{height:6dvh;height:clamp(4dvh,12dvw,6dvh);filter:brightness(0) invert(1)}.fullscreen{z-index:9999}.fullscreen .project,.fullscreen .project-panel{height:100dvh}.fullscreen .project-panel:before{transform:scale(1.05);filter:grayscale(0%)}.project-layout{display:flex;align-items:center;flex-direction:row;justify-content:center;flex-wrap:wrap;position:relative;height:100%;width:100%;gap:1dvh;justify-content:flex-start;align-items:stretch;max-width:100%}.project-layout.top-right{flex-direction:row-reverse}.project-layout.top-left{flex-direction:row}.project-content-element{background-color:#000000b3;padding:1dvh;background-color:#323232e6;border-radius:2dvh;border:.25dvh solid #000000;box-shadow:.6dvh .6dvh #000;padding:1dvh 1.5dvh}.info-container{display:flex;flex-direction:column;align-items:center;justify-content:top;max-width:100%;max-height:100%;gap:1dvh}.element-text{display:flex;flex-direction:column;align-items:center;justify-content:top;background-color:#000000b3;padding:1dvh;background-color:#323232e6;border-radius:2dvh;border:.25dvh solid #000000;box-shadow:.6dvh .6dvh #000;padding:1dvh 1.5dvh;gap:1dvh;flex:1 1 0;width:70dvh;height:auto;max-width:100%;max-height:100%}.project-info-tab-bar{display:flex;align-items:center;flex-direction:row;justify-content:center;flex-wrap:wrap}.category-button.active,.category-button:hover{background-color:#fff;border-radius:2dvh;color:#000;text-shadow:0 0 0 rgb(0,0,0)}.project-text{height:100%;font-size:clamp(1.2dvh,1.1dvw,2dvh)}.category-button{background:none;border:none;color:#fff;cursor:pointer;padding:1.2dvh clamp(.5dvh,1.2dvw,2dvh);border-radius:2dvh}.video-content{display:flex;align-items:center;flex-direction:row;justify-content:center;flex-wrap:wrap}.video-wrapper{flex:1;height:auto;display:flex}.element-video{display:flex;align-items:center;flex-direction:row;justify-content:center;flex-wrap:wrap;flex:1 1 0;min-width:35dvh;max-width:100%;max-height:100%}.element-video video{width:auto;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;flex:1 1 auto;max-height:calc(100vh - 40dvh);box-shadow:1dvh 1dvh 1dvh #000;preload:auto}.carousel-prev,.carousel-next{background:none;border:none;font-size:3dvh;cursor:pointer;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .2s;padding:.5em}.carousel-prev:hover,.carousel-next:hover{transform:scale(1.1)}.caroussel{flex:1;display:flex;align-items:center;flex-direction:row;justify-content:center;flex-wrap:wrap;width:-moz-fit-content;width:fit-content;gap:2dvh}@keyframes flyInRight{0%{opacity:0;transform:translate(15%)}to{opacity:1;transform:translate(0)}}@keyframes flyOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-15%)}}@keyframes flyInLeft{0%{opacity:0;transform:translate(-15%)}to{opacity:1;transform:translate(0)}}@keyframes flyOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(15%)}}.project-video{display:none;opacity:0}.project-video.active{display:flex;opacity:1}.project-video.in-from-right{animation:flyInRight .6s ease forwards}.project-video.out-to-left{animation:flyOutLeft .6s ease forwards}.project-video.in-from-left{animation:flyInLeft .6s ease forwards}.project-video.out-to-right{animation:flyOutRight .6s ease forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-200px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-200px)}}.hidden-state{opacity:0;transform:translateY(200px)}.element-text,.element-video{transition:opacity 1s ease,transform 1s ease}.element-text.animate-in,.element-video.animate-in{animation:fadeSlideIn 1s ease forwards}.element-text.animate-out,.element-video.animate-out{animation:fadeSlideOut 1s ease forwards}.element-text.animate-in{animation-delay:0s}.element-video.animate-in,.element-text.animate-out{animation-delay:.2s}.element-video.animate-out{animation-delay:0s}#tech-stack{width:100dvw;height:100dvh;position:relative;z-index:0}#particle-container{width:100%;height:100%;position:absolute;background:#151515;z-index:-1}#fpsCounter{position:absolute;top:8dvh;left:20dvh;border-radius:1dvh;border-width:.2dvh;border-style:solid;padding:1.5dvh;min-width:25dvh;border-color:#fff}@media (max-width: 1400px){#fpsCounter{text-align:center;bottom:10dvh;left:50dvw;transform:translate(-50%);top:unset}}#about-contact{width:100dvw;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;flex-direction:row;justify-content:center;flex-wrap:wrap;align-items:start;gap:10dvw}.about-profile-pic{width:20dvh;border-radius:50%;box-shadow:0 0 40px #000c}.about-container,.contact-container{display:flex;flex-direction:column;align-items:center;justify-content:top;gap:5dvh;width:65dvh;justify-self:right;max-width:80dvw}.about-text{background-color:#000000b3;padding:1dvh;background-color:#323232e6;border-radius:2dvh;border:.25dvh solid #000000;box-shadow:.6dvh .6dvh #000;padding:1dvh 1.5dvh;background:#1e1e1ecc;box-shadow:1dvh 1dvh 1dvh #000}.contact-form{display:flex;flex-direction:column;align-items:center;justify-content:top;width:100%;height:100%;gap:2dvh;padding-bottom:12dvh}.contact-form input,.contact-form textarea{border-radius:1dvh;border-width:.2dvh;border-style:solid;padding:1.5dvh;min-width:25dvh;border-color:#fff;width:100%;height:100%;background:#1e1e1ecc;resize:none;box-shadow:1dvh 1dvh 1dvh #000}.contact-form button{width:100%;height:100%;border-radius:1dvh;border-width:.2dvh;border-style:solid;padding:1.5dvh;min-width:25dvh;border-color:#fff;cursor:pointer;transition:.3s,transform .3s ease;padding:2dvh;text-shadow:0 0 0 rgb(0,0,0);box-shadow:1dvh 1dvh 1dvh #000}.contact-form button:hover{transform:scale(1.05)}input::-moz-placeholder,textarea::-moz-placeholder{color:#e6e6e6;opacity:1}input::placeholder,textarea::placeholder{color:#e6e6e6;opacity:1}.popup-modal{width:100%;height:100%;position:fixed;top:0;left:0;display:none;justify-content:center;align-items:center;z-index:9999;background:#1e1e1ecc;padding:2dvh}.popup-content{border-radius:1dvh;border-width:.2dvh;border-style:solid;padding:1.5dvh;min-width:25dvh;border-color:#fff;background:#1e1e1e;text-align:center;max-width:80dvh}#popupMessage{margin-bottom:4dvh;text-align:center}#popupCloseBtn{border-radius:1dvh;border-width:.2dvh;border-style:solid;padding:1.5dvh;min-width:25dvh;border-color:#fff;cursor:pointer;transition:.3s,transform .3s ease}#popupCloseBtn:hover{transform:scale(1.05)}#footer{display:flex;flex-direction:column;align-items:center;justify-content:top;width:100 dvw;height:30 dvh;min-width:100 dvw;min-height:30 dvh;position:relative;overflow:hidden}.footer-content{z-index:1;padding-top:6dvh}.footer-content p{text-align:center}#footer-background{position:absolute;width:100%;height:100%;background-color:#151515;z-index:-1}#footer-socials{display:flex;align-items:center;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:2dvh;margin-top:5dvh;margin-bottom:5dvh;text-shadow:-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000,-.001dvh -.001dvh .1dvh #000;text-shadow:.5dvh .5dvh .1dvh rgb(0,0,0)}@keyframes heartbeat{0%{transform:scale(1);opacity:1}5%{transform:scale(1.3);opacity:.9}10%{transform:scale(1);opacity:1}15%{transform:scale(1.25);opacity:.9}20%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.heart{color:#e25555;display:inline-block;animation:heartbeat 4s infinite ease-in-out}.footer-circle{position:absolute;width:10dvw;height:10dvw;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(1);z-index:0;animation-name:expandOnly;animation-fill-mode:forwards}@keyframes expandOnly{to{transform:translate(-50%,-50%) scale(40)}}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100%}