:root{--primary-color: #ff0000;--secondary-color: #1e1e1e;--text-color: #bbb;--background-color: #121212;--font-family: "Inter", sans-serif;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{font-family:Roboto,sans-serif;background-color:var(--background-color);color:#fff;margin:0;display:flex;flex-direction:column;align-items:center;place-items:center;min-width:320px;min-height:100vh;max-width:calc(100% - 40px);overflow-x:hidden;padding:0 20px}h1{font-size:3.2em;line-height:1.1;font-family:Courier Prime,monospace}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.timeline{position:relative;max-width:800px;margin:0 auto;padding:20px 0}.timeline:after{content:"";position:absolute;width:4px;background-color:var(--primary-color);top:0;bottom:0;left:50%;margin-left:-2px}@media (max-width: 768px){.timeline{padding-left:20px}.timeline:after{left:20px;margin-left:0}}.timeline-item{padding:20px 40px;position:relative;background-color:inherit;width:40%}.timeline-item.left{left:4%}.timeline-item.right{left:46%}.timeline-item.left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid var(--primary-color);border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--primary-color)}.timeline-item.right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid var(--primary-color);border-width:10px 10px 10px 0;border-color:transparent var(--primary-color) transparent transparent}.timeline-item-content{padding:20px 30px;background-color:var(--secondary-color);position:relative;border-radius:6px}.timeline-item-content h3{margin-top:0;color:var(--primary-color)}.timeline-item-content h4{color:var(--text-color)}.timeline-item-content p{color:var(--text-color);font-size:14px}.timeline-item-content .location,.timeline-item-content .duration{font-style:italic;font-weight:700;color:var(--text-color);margin-bottom:10px}@media (max-width: 768px){.timeline-item{width:calc(100% - 40px);padding-left:20px;padding-right:20px;margin-bottom:20px}.timeline-item.left,.timeline-item.right{left:0}.timeline-item.left:before,.timeline-item.right:before{left:20px;border-width:10px 10px 10px 0;border-color:transparent var(--primary-color) transparent transparent;transform:none}}.project-card{background-color:var(--secondary-color);border-radius:10px;box-shadow:0 4px 8px #0003;overflow:hidden;width:300px;height:400px;text-align:center;transition:transform .3s ease-in-out;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none}.project-card:hover{transform:translateY(-10px)}.project-card img{width:100%;height:200px;object-fit:cover}.project-card-title{font-size:1.5rem;margin:10px 0;color:var(--primary-color)}.project-card-description{padding:0 10px 20px;color:var(--text-color);font-size:1rem;line-height:1.5;flex-grow:1}.skill-bubble{background-color:var(--secondary-color);border-radius:20px;padding:10px 20px;font-size:14px;color:var(--text-color);box-shadow:0 2px 4px #00000080;transition:background-color .3s ease,color .3s ease}.skill-bubble:hover{background-color:var(--primary-color);color:#fff}:root{--primary-color: #ff0000;--secondary-color: #1e1e1e;--text-color: #bbb;--background-color: #121212;--font-family: "Inter", sans-serif}.navbar{width:100%;background-color:var(--secondary-color);box-shadow:0 2px 4px #0000001a;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:1000;overflow-x:hidden}.navbar-nav{display:flex;gap:20px;margin:0 auto;transition:transform .3s ease-in-out}.nav-link{text-decoration:none;color:#fff;transition:color .3s ease-in-out,text-shadow .3s ease-in-out;padding:10px 20px;font-family:Courier Prime,monospace;text-shadow:0 0 5px rgba(255,255,255,.5);font-size:1.2rem}.nav-link:hover,.nav-link.active{color:var(--primary-color);text-shadow:0 0 10px rgba(255,255,255,.8)}.hamburger{display:none;cursor:pointer;flex-direction:column;gap:5px;z-index:1100;position:relative}.hamburger div{width:25px;height:3px;background-color:var(--text-color);transition:all .3s ease-in-out}.hamburger.active div:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active div:nth-child(2){opacity:0}.hamburger.active div:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.navbar-nav{display:flex;flex-direction:column;gap:10px;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--secondary-color);padding:60px 20px;transform:translate(-100%)}.navbar-nav.active{transform:translate(0)}.hamburger{display:flex}}.section{text-align:center;max-width:800px;width:calc(100% - 40px);scroll-margin-top:60px;margin:0 auto;overflow-x:hidden;padding:60px 20px 80px}.section-title{font-size:2rem;font-weight:700;margin-bottom:20px;font-family:Courier Prime,monospace;text-shadow:0 0 10px rgba(255,255,255,.8)}.profile-pic{width:200px;height:200px;border-radius:50%;margin-bottom:20px;border:3px solid var(--primary-color)}.section-text{text-align:left;font-size:1.2rem;line-height:1.6;max-width:800px;margin:0 auto;font-family:Roboto,sans-serif;margin-bottom:1rem;padding-left:20px;padding-right:20px}.contact-icons{display:flex;justify-content:center;gap:20px;margin-top:20px}.contact-icon{color:var(--text-color);transition:color .3s ease-in-out,filter .3s ease-in-out;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.contact-icon:hover{color:var(--primary-color);filter:drop-shadow(0 0 10px rgba(255,255,255,.8))}.logo{display:block;margin:20px auto;height:120px}.projects-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:calc(100% - 40px);overflow-x:hidden;padding-left:20px;padding-right:20px}.skills-container{display:flex;flex-wrap:wrap;gap:10px}.skills-heading{width:100%;font-size:1.5rem;font-weight:700;margin-top:20px;margin-bottom:10px;text-align:left;color:var(--primary-color);font-family:Courier Prime,monospace;text-shadow:0 0 5px rgba(255,255,255,.5)}.footer{color:var(--text-color);text-align:center;padding:10px 0;width:100vw;position:relative;margin-top:20px;left:0;overflow-x:hidden}