@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/commit-mono-latin-400-normal-wzhe4RuD.woff2) format("woff2"),url(/assets/commit-mono-latin-400-normal-s0S3qwFW.woff) format("woff")}:root{--background: #f6f6f6;--text: #383838;--accent: 246, 201, 213;--alt-accent: 166, 206, 113;--hover: #f6f6f6;--foreground: #ffffff;--button: #e3e3e3;--border: rgba(0, 0, 0, .1)}body.dark{--background: #232834;--text: #C6C8C7;--accent: 207, 185, 250;--alt-accent: 166, 206, 113;--hover: #232834;--foreground: #232834;--button: #2e3442;--border: rgba(0, 0, 0, .2)}body.dark mark{color:rgb(var(--accent));background-color:rgba(var(--accent),.3)}body.dark .alt-mark{color:rgb(var(--alt-accent));background-color:rgba(var(--alt-accent),.3)}body.dark .tech-icon{color:rgb(var(--accent))}body.dark .navbar nav ul li p:after{background-color:rgba(var(--accent),.5)}*{margin:0;padding:0;box-sizing:border-box;transition:background .4s ease}body{background:var(--background);color:var(--text);font-family:Commit Mono}section{max-width:900px;width:100%;margin:auto}h1{font-family:JetBrains Mono,monospace;font-weight:700;font-size:2.5rem}a{text-decoration:none;color:inherit}button{cursor:pointer;padding:5px 7px;border-radius:5px;border:1px solid var(--border);font-family:Roboto Mono,monospace;background:var(--button);color:var(--text);font-size:.9rem}mark{display:inline-block;line-height:0em;padding-bottom:.7em;background-color:rgb(var(--accent));border-radius:3px;color:var(--text)}.alt-mark{background-color:rgba(var(--alt-accent),.6)}svg{vertical-align:middle;display:inline-block}.glass{background:rgba(var(--foreground) .5);backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);border:1px solid var(--border)}.shadow{box-shadow:5px 5px var(--border)}.navbar{height:50px;position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;gap:1em;z-index:10}.navbar img{width:1.5em}.navbar nav{border-radius:50px;padding:0 20px;line-height:30px}.navbar nav button{all:unset}.navbar nav ul{list-style:none;display:flex;justify-content:center}.navbar nav ul li{padding:10px;display:flex;gap:5px;cursor:pointer;align-items:center}.navbar nav ul li p{position:relative;display:inline-block}.navbar nav ul li p:after{content:"";width:0%;height:.5em;position:absolute;bottom:3px;left:50%;transform:translate(-50%);background-color:rgb(var(--accent));transition:width .3s;z-index:-1;border-radius:2px}.navbar nav ul li p:hover:after{width:110%}.theme-toggler{cursor:pointer;border-radius:50px;height:50px;width:50px;display:flex;align-items:center;justify-content:center;color:var(--text)}.theme-toggler:hover{background:var(--hover)}.dropdown-trigger{display:flex;align-items:center;cursor:pointer;gap:.4rem}.dropdown-content{background:var(--background);border-radius:.5rem;padding:.5rem;min-width:150px;cursor:pointer}.dropdown-content a:hover{text-decoration:underline;cursor:pointer}.dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:.3rem;text-decoration:none;cursor:pointer}.dropdown-item:hover{background:var(--hover);cursor:pointer}.hero{height:100vh;display:flex;align-items:center;justify-content:center}.hero-container{width:75%}.hero-container button{margin-top:20px}.projects-container h2{margin-bottom:30px}.card{background:var(--foreground);border-radius:10px;border:1px solid var(--border);width:900px;display:flex;flex-direction:row;margin-bottom:50px}.card img{width:450px;border-radius:10px 0 0 10px}.card-desc{padding:20px;display:flex;flex-direction:column;justify-content:center}.card-desc h3{margin-bottom:10px}.card-desc p{line-height:1.5em;font-size:.9rem}.card-desc button{margin-top:20px}.card-links{display:flex;gap:20px}.card-tech-stack{margin-top:15px;display:flex;gap:15px;flex-wrap:wrap;color:#383838}.tech-icon{padding:5px;font-size:.8rem;line-height:0;border:1px solid var(--border);border-radius:5px}.about-container,.contact-container{margin-top:150px}.contact-container h2{margin-bottom:30px}.contact-item{margin-bottom:20px}.contact-item p{margin-bottom:5px}.contact-item a{text-decoration:underline}.timeline-container{width:900px;position:relative;margin:50px auto}.timeline-item{position:relative;display:flex;align-items:flex-start;margin-bottom:2rem;min-height:200px}.timeline-content-left,.timeline-content-right{flex:1;display:flex;justify-content:center;padding:0 1rem}.timeline-content-left{justify-content:flex-end}.timeline-content-right{justify-content:flex-start}.timeline-connector{position:relative;display:flex;flex-direction:column;align-items:center;z-index:10;flex-shrink:0;margin:0 30px}.timeline-dot{width:13px;height:13px;border-radius:50%;background:var(--border);position:relative;z-index:2}.timeline-line{width:3px;min-height:80px;height:250px;background:var(--border);margin-top:12px;border-radius:2px;position:relative;z-index:-1}.timeline-card{position:relative;background:var(--foreground);border-radius:10px;max-width:400px;width:100%;overflow:hidden;border:1px solid var(--border);margin-top:-15px;margin-bottom:50px}.timeline-date{font-size:.8rem;color:var(--text);padding:13px 15px;text-transform:lowercase;letter-spacing:1px;display:inline-block;border-bottom:1px solid var(--border);width:100%}.timeline-title{font-size:1rem;padding:15px 15px 0}.timeline-location{font-size:.9rem;padding:0 15px;margin-top:3px}.timeline-description{font-size:.8rem;padding:15px}.timeline-description h3{font-weight:400;font-size:1rem;font-family:Commit Mono}.timeline-image-container{background:var(--foreground);max-width:350px;width:100%;display:flex;justify-content:center;align-items:flex-start;border:1px solid var(--border);padding:8px;border-radius:9px;margin-top:-15px}.timeline-image{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:5px}.timeline-image-mobile{display:none;width:100%;margin-top:15px;justify-content:center;padding:8px;border-radius:9px;border:1px solid var(--border)}@media (max-width: 900px){.navbar{max-width:100%;margin:0;gap:10px}.navbar .nav-link{display:none}.navbar p{font-size:0!important}section,footer{max-width:90%;width:90%}.hero-container{width:100%}.card{width:100%;flex-direction:column}.card img{width:100%;border-radius:10px 10px 0 0}.timeline-item{flex-direction:column;align-items:center;margin-bottom:2.5rem;min-height:auto}.timeline-content-left,.timeline-content-right{flex:none;width:100%;padding:0;justify-content:center}.timeline-connector{position:absolute;left:1.5rem;top:0;height:100%}.timeline-card{margin-left:3rem;max-width:none}.timeline-image-container{display:none}.timeline-image-mobile{display:flex;margin-left:3rem;max-width:450px}}@media (max-width: 480px){.timeline-container{width:90vw}.timeline-card,.timeline-image-mobile{max-width:90vw;margin:10px 0}.timeline-connector{display:none}}footer{width:900px;margin:300px auto 100px;text-align:center;font-size:.8rem}