:root{--color-deep-blue: rgb(9, 41, 63);--color-blue: rgb(3, 68, 96);--color-orange: rgb(242, 90, 26);--color-mustard: rgb(211, 162, 34);--color-beige: rgb(237, 230, 189);--color-dark-grey: #171717;--color-lighter-grey: #2d2d2d}html,body{margin:0}body{font-family:Playfair,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;background-color:var(--color-background);color:var(--color-text-primary);transition:background-color .35s ease,color .35s ease;--color-background: var(--color-mustard);--color-background-secondary: var(--color-beige);--color-text-primary: var(--blue);--color-text-secondary: var(--color-blue);--border-radius-small: 8px;--border-radius: 16px;--border-radius-large: 32px;--border-radius-total: 1000px}body *{box-sizing:border-box}body.theme-dark{--color-background: var(--color-blue);--color-background-secondary: var(--color-deep-blue);--color-text-primary: var(--color-beige);--color-text-secondary: var(--color-mustard)}section{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:20px;padding:20px}div.carousel-container{height:80vh;overflow-y:hidden;overflow-x:scroll;scrollbar-width:none;border-radius:var(--border-radius-large)}div.carousel-scroll{height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:10px}div.carousel-item{height:80vh;flex:0 0 auto;overflow:hidden;border-radius:var(--border-radius-large)}div.carousel-item img{width:100%;height:100%;object-fit:cover}section#hero{min-height:40vh;align-items:center;justify-content:center}section#hobby-projects{background-color:var(--color-background-secondary);margin:0 20px;border-radius:var(--border-radius);overflow:hidden}#hero h1{text-align:center;font-size:3em;font-weight:700}div.tile{flex-direction:column;background-color:var(--color-background-secondary);color:var(--color-text-primary);padding:20px;border-radius:var(--border-radius-large)}div.tile.youtube-embed{padding:0;overflow:hidden;flex:0 1 50%;aspect-ratio:16 / 9}nav{display:flex;flex-direction:column;justify-content:center;align-items:stretch;position:fixed;top:0;right:0;transform:translate(100%);transition:.5s ease all;width:250px;height:100vh;margin:0;background-color:var(--color-background)}nav.active{transform:translate(0);transition:.5s ease all}nav a{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;position:relative;overflow:hidden;height:56px;background-color:transparent;transition:.5s ease all}nav a svg,nav a span{z-index:1}nav a span.description{text-transform:capitalize;font-size:.9em}nav a:before{content:"";position:absolute;top:0;right:0;width:0;height:100%;background-color:var(--color-background-secondary);transition:all .5s ease;z-index:0}nav a:hover:before{width:100%;transition:all .5s ease}nav a:hover span.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24!important}a{color:var(--color-text-secondary);text-decoration:none;font-weight:600}p{margin:12px 0}h2{margin:0;font-size:2em;font-weight:700;color:var(--color-text-secondary)}h4{margin:0}ul{margin:4px 0}button{display:flex;justify-content:center;align-items:center;padding:8px 16px;margin:0 8px;border:none;border-radius:var(--border-radius-total);color:var(--color-text-primary);cursor:pointer}button.icon-only{background-color:transparent;padding:8px}.experience-container{display:flex;flex-direction:row;gap:8px}.experience-timeline{width:15px;flex:0 0 15px;display:flex;flex-direction:column;align-items:center;position:relative}.experience-timeline:before{content:"";position:sticky;top:50%;left:50%;width:15px;height:15px;border-radius:50%;border:2px solid var(--color-text-secondary);background-color:var(--color-background);z-index:1}.experience-timeline:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background-color:var(--color-text-secondary)}.experience-content-container{display:flex;flex-direction:column;gap:4px;flex:1 1 auto}.experience-entry{display:flex;flex-direction:row;gap:10px}.experience-entry .entry-dates{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px}.experience-entry .experience-content{display:flex;flex-direction:column;align-items:stretch;flex:1 1 auto;gap:10px}.experience-content-container .experience-entry:not(:last-child) .experience-content{padding-bottom:30px}.experience-entry .experience-content .title{display:flex;flex-direction:row;align-items:center;gap:4px}.experience-entry .experience-content h3{font-size:1.5em;font-weight:700;margin:0}.experience-entry .experience-content p{font-size:.9em;font-weight:400;margin:0}.experience-entry .image-container{width:88px;height:88px;flex:0 0 88px}.experience-entry .image-container img{width:100%;height:auto}.experience-entry .experience-content .title-text{display:flex;flex-direction:column;gap:4px}.experience-technologies{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:10px}.experience-technologies a{transition:transform .25s ease}.experience-technologies a:hover{transform:scale(1.1);transition:transform .25s ease}.project-container .project-preview:first-child{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;max-width:100%}.project-preview .preview-container{flex:1 1 50%;min-width:250px;max-width:min(1000px,100%);aspect-ratio:16 / 9;border-radius:var(--border-radius);overflow:hidden}.project-preview .preview-container img{width:100%;height:100%;object-fit:cover}.project-container .project-preview .preview-text{display:none}.project-container .project-preview:first-child .preview-text{display:unset;flex:1 1 0;min-width:200px}.project-tiles{display:grid;align-items:stretch;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:auto;gap:20px;padding:30px}.project-tiles .project-tile{position:relative;width:100%;min-width:250px;aspect-ratio:16 / 9;border-radius:var(--border-radius);border:4px solid transparent;overflow:hidden;transition:.5s ease all}.project-tiles .project-tile img{width:100%;height:100%;object-fit:cover}.project-tiles .project-tile .project-tile-text{position:absolute;bottom:0;left:0;padding:8px;color:var(--color-text-primary)}@media screen and (min-width:768px){body{font-size:1.2em}section{padding:10vh;gap:5vh}section#intro,section#content{flex-direction:row}#intro>div{flex:0 1 60%}section#hero{align-items:flex-start;justify-content:flex-end;min-height:80vh;padding:1em 1em 10vh 10vh}section#hobby-projects{padding:4vh;gap:2vh;margin:0 108px 0 20px}div.tile{padding:30px}#hero h1{text-align:left;font-size:6em}button#nav-toggle{display:none}nav{gap:20px;background-color:transparent;transform:translate(0);width:unset}nav a{flex-direction:column;height:88px;width:88px}}@media screen and (min-width:1600px){#intro>div{flex:0 1 40%}#hero h1{font-size:8em}}