#root{--primary-color: #864AF9;--secondary-color: #3B3486;--background-color: #332941;--accent-color: #f8e659bd;--text-color: #ede4ff;--accent-text-color: #f8e659;--grey: #E5E5E5;--black: #000;--white: #fff;--Grad1: #ff5f6c00;--Grad2: #F8E559}@font-face{font-family:VG5000;src:url(./VG5000-Regular_web-DAMIxqhd.ttf)}@font-face{font-family:Hubot;src:url(./Hubot-Sans-CFLaFXoM.ttf)}@font-face{font-family:W95;src:url(./W95FA-CaOZn2PO.otf)}html{scroll-behavior:smooth}body,html{font-family:W95,sans-serif;margin:0;padding:0}#background-container{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:-1}#content-container{position:relative;z-index:1}#line-container{position:relative;width:100vw;height:100vh}.version{position:fixed;rotate:90deg;top:110px;left:12px;font-size:.75em}.scroll-line{position:fixed;top:150px;left:30px;width:1px;height:70vh;background-color:#000;z-index:2}.scroll-indicator{position:absolute;left:-1px;width:3px;background-color:#000;height:200px}@media (max-width: 1000px){.version{left:-8px}.scroll-line{left:10px}}.headerButton{font-family:W95,sans-serif;font-size:1.5rem;width:150px;color:var(--background-color);border:none;padding:7px 20px;cursor:pointer;box-shadow:0 4px 30px #0003;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(11.5px);transition:box-shadow .3s ease-in-out}.headerButton:hover{box-shadow:inset 0 0 0 3px var(--accent-color)}header{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 0;position:sticky;top:0;width:auto;z-index:3}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;cursor:pointer;z-index:5}.line{width:100%;height:3px;background-color:var(--background-color);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.hamburger.open .line:nth-child(1){transform:translateY(10px) rotate(45deg);background-color:var(--accent-color)}.hamburger.open .line:nth-child(2){opacity:0;background-color:var(--accent-color)}.hamburger.open .line:nth-child(3){transform:translateY(-10px) rotate(-45deg);background-color:var(--accent-color)}.navMenu{display:flex;gap:10px;position:relative;z-index:4}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1;pointer-events:auto}#content-container{position:relative;z-index:0}.navbar-logo{height:55px;width:auto;z-index:3}@media (max-width: 1100px){.hamburger{display:flex}.navMenu{display:none;flex-direction:column;position:absolute;top:60px;right:0;width:60%;text-align:right;padding-right:50px}.navMenu.open{display:flex}.navbar-logo{height:40px;width:auto}.headerButton{width:100%;padding:15px 20px}header{justify-content:space-between}.initials{padding-left:0}}.banner{position:relative;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;height:auto;max-width:80%;margin:0 auto;text-align:center;color:var(--background-color)}.banner-text{flex:1 1 auto;padding:0 15px;min-width:300px;max-width:100%}.banner-text h1{font-family:W95,sans-serif;font-size:3em;margin-bottom:.2em;line-height:1}.banner-text h2{font-family:W95,sans-serif;font-size:1.8em;margin-bottom:.2em;line-height:1}.banner-text h3{font-family:W95,sans-serif;font-size:1.4em;margin-bottom:.2em;line-height:1.2}.social-links{display:flex;gap:1em;justify-content:center}.social-links a{color:var(--background-color);transition:color .3s ease}.social-links a:hover{color:var(--accent-color)}.banner-image{margin-top:30px}.profile-pic{height:400px;width:auto;object-fit:fill;border-bottom:1px solid black;filter:grayscale(100%)}.profile-pic:hover{filter:grayscale(0%);transition:filter .5s ease}.cv-button{display:flex;justify-content:center;align-items:center;width:50px;height:50px;font-size:25px;font-weight:700;background:var(--accent-color);box-shadow:inset 0 0 0 3px var(--background-color);border:none;cursor:pointer;text-transform:uppercase;color:var(--background-color);font-family:W95,sans-serif}@media (min-width: 768px){.banner{flex-direction:column-reverse;text-align:left;height:100vh;padding:0;display:flex;text-align:center}.banner-text{margin-top:0;align-self:center}.banner-text h1{font-size:8em}.banner-text h2{font-size:3em}.banner-text h3{font-size:2em}.banner-image{margin-top:0}.profile-pic{height:400px}.social-links{padding-top:20px;justify-content:center}}@media (min-width: 1100px){.banner{flex-direction:row;text-align:left;height:90vh;width:100%;max-width:1440px}.banner-text{margin-top:0;padding-left:50px}.banner-text h1{font-size:8em}.banner-text h2{font-size:3em}.banner-text h3{font-size:2em}.banner-image{margin-top:0}.profile-pic{height:600px}.social-links{justify-content:flex-start;padding-top:20px}}.project-card{display:flex;flex-direction:column;padding:20px;color:#000;width:280px;min-height:370px;height:auto;z-index:1;position:relative;background:#0006;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(2px);transform:translateZ(0);-webkit-backdrop-filter:blur(11.5px);overflow:hidden;transition:box-shadow .3s ease,background .3s ease}.project-card img{width:100%;height:auto;border:1px solid rgba(0,0,0,1);filter:grayscale(100%);object-fit:fill;transition:filter .5s ease}.project-card.focused{color:var(--accent-color);box-shadow:inset 0 0 0 3px var(--background-color);background:#00000080}.project-card.focused img{filter:none}.project-card:hover{color:var(--accent-color);box-shadow:inset 0 0 0 3px var(--background-color);background:#00000080}.project-card:hover img{filter:none}.project-card h3,.project-card p{margin:10px 0}.project-card-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.technology-tag{background:#0009;color:var(--accent-color);padding:4px 8px;font-size:.8em;border:1px solid var(--accent-color);transition:all .3s ease}.project-card:hover .technology-tag{background:#000c;border-color:var(--background-color)}a{text-decoration:none}@media (min-width: 480px){.project-card{width:320px;height:350px}.project-card img{height:220px}}@media (min-width: 768px){.project-card{width:420px;height:400px}.project-card img{height:250px}.title{font-size:4em}}.projects{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:80%;max-width:100%;margin:0 auto;gap:30px}.title{font-family:W95,sans-serif;font-size:3em;margin-bottom:1em;color:var(--black);text-align:center;width:100%;padding-top:40px}@media (min-width: 768px){.title{font-size:4em}}.carousel-container{max-width:1440px;margin:2rem auto;border-radius:12px;padding:1rem;overflow:hidden;position:relative;display:flex}.carousel-track{display:flex;gap:.5rem;animation:scroll 30s linear infinite}.tech-item{min-width:100px;height:100px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease;padding:1rem;filter:grayscale(100%);position:relative}.tech-name{margin-top:5px;font-size:14px;font-weight:700;color:var(--background-color)}.tech-item img{max-width:100%;max-height:100%;object-fit:contain}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (min-width: 480px){.carousel-track{gap:3rem}}.contact{display:flex;flex-direction:column;align-items:center;padding:40px 20px}.contact-card{width:100%;max-width:1440px;margin:0 auto;color:var(--black);background:#0006;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(11.5px);padding:20px;box-sizing:border-box}.contact h2{padding:0 10px}.title{font-family:W95,sans-serif;font-size:2.5em;color:var(--background-color);margin-bottom:.5em;text-align:center;width:100%}.contact-form{padding:20px;display:flex;flex-direction:column;gap:10px;max-width:100%;margin:auto}.contact-form label{font-weight:700;color:var(--background-color);display:flex;flex-direction:flex-start;font-size:1.2em}.contact-form input[type=email],.contact-form textarea{padding:8px;border:1px solid #ccc;width:100%;box-sizing:border-box;resize:vertical}.contact-form button{font-size:1.2em;margin-top:20px;padding:10px 20px;font-family:W95,sans-serif;color:#000;border:none;cursor:pointer}.contact-form-details{line-height:1.4;text-align:center;width:100%;margin-bottom:2em;font-size:1em;padding:0 15px;box-sizing:border-box;word-wrap:break-word}.contact-social-links{display:flex;justify-content:center;gap:20px;margin-top:20px;color:var(--background-color)}.contact-social-links a{color:var(--background-color)}.contact-social-links a:hover{color:var(--accent-color)}.gradient-button{position:relative;padding:10px 20px;font-size:1.2em;font-family:W95,sans-serif;color:#fff;border:none;cursor:pointer;overflow:hidden;z-index:1;background:linear-gradient(270deg,var(--Grad1),var(--Grad2),var(--Grad1));background-size:400% 400%;animation:smooth-gradient-animation 10s ease infinite}@keyframes smooth-gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (min-width: 480px){.contact{padding:50px 30px}.contact-form{padding:25px;max-width:450px}.title{font-size:3em}.contact-form-details{font-size:1.2em;padding:0 20px}.contact-form label,.gradient-button,.contact-form button{font-size:1.3em}}@media (min-width: 768px){.contact{padding:60px 40px}.contact-form{padding:30px;max-width:500px}.title{font-size:3.5em}.contact-form-details{font-size:1.4em;padding:0 30px}.contact-form label,.gradient-button,.contact-form button{font-size:1.5em}}.footer{padding:20px;background-color:var(--primary-dark-bg);color:#000;text-align:center;border-top:1px solid var(--secondary-dark-bg)}.bgline{position:absolute;width:1px;height:30px;background-color:var(--black);transform-origin:center}.dot{position:absolute;width:10px;height:10px;background-color:#000;border-radius:50%;transform-origin:center;transition:transform .1s}