*{box-sizing:border-box;border:0;margin:0;padding:0}@font-face{font-family:oswald;src:url(../media/oswald-variablefont_wght-webfont.28cnggs91l3d-.woff2)format("woff2"),url(../media/oswald-variablefont_wght-webfont.1xxjcviip-fe2.woff)format("woff");font-weight:400;font-style:normal}:root{--background-color:#080a08;--card-background:#1b281b;--primary-color:#2ecc71;--secondary-color:#747a36;--contrast-text:#fff}html{scroll-behavior:smooth}body{background-color:var(--background-color);width:100%;min-height:100vh;color:var(--primary-color);flex-direction:column;font-family:oswald,Inter,roboto,sans-serif;font-size:14px;display:flex}header{background-color:var(--card-background);border-bottom:.3em solid var(--primary-color);z-index:1000;justify-content:center;align-items:center;width:100%;padding:1em;font-size:1.5em;display:flex;position:sticky;top:0}footer{text-align:center;background-color:var(--card-background);margin-top:6em;padding:2em;font-size:1.5em}main{flex-direction:column;align-items:center;width:100%;font-size:1.1em;display:flex;overflow-x:clip}a{color:inherit;text-decoration:none;transition:transform .15s ease-in-out,color .13s ease-in-out}a:hover{color:var(--contrast-text);text-decoration:underline;transform:translate(.4em)}button{color:inherit;background-color:var(--primary-color);border:none;border-radius:4em;width:4em;height:4em;font-family:inherit}button:disabled>img{opacity:.2}ul{list-style-type:none}.highlight-text{color:var(--contrast-text)}.fly-in-left{will-change:transform, opacity;animation:ease-in-out both flyInLeft;animation-timeline:view();animation-range:entry 20% cover 40%}.fly-in-right{animation:ease-in-out both flyInRight;animation-timeline:view();animation-range:entry 20% cover 40%}@keyframes flyInLeft{0%{opacity:0;transform:translate(20em)}to{opacity:1;transform:translate(0)}}@keyframes flyInRight{0%{opacity:0;transform:translate(-20em)}to{opacity:1;transform:translate(0)}}.page-nav{justify-content:center;align-items:center;gap:5em;width:100%;padding:1em 5em;display:flex}#hero{background-color:var(--card-background);flex-direction:column;align-items:start;gap:1em;width:80%;margin:6em;padding:2em;scroll-margin-top:12em;font-size:1.5em;display:flex}#projects{flex-direction:column;align-items:center;gap:5em;width:90%;margin:6em;scroll-margin-top:6em;font-size:1.5em;display:flex}#about-me{background-color:var(--card-background);flex-direction:column;align-items:start;gap:1em;width:70%;margin:6em;padding:2em;scroll-margin-top:9em;font-size:1.5em;display:flex}#skills{background-color:var(--card-background);flex-direction:column;align-items:center;gap:2em;width:80%;margin:6em 0;padding:3em;scroll-margin-top:9em;font-size:1.5em;display:flex}#contact{background-color:var(--card-background);flex-direction:column;align-items:start;gap:1em;width:60%;margin:6em 0;padding:2em;scroll-margin-top:9em;font-size:1.5em;display:flex}.project-card{background-color:var(--card-background);justify-content:space-between;align-items:center;gap:1em;width:80%;padding:2em;display:flex}.project-card-header{text-align:center;flex-direction:column;align-items:center;gap:1em;width:60%;padding:3em 0;display:flex}.project-card-header>img{filter:drop-shadow(.2em .2em .4em #00000080);width:80%;height:auto}.project-card-body{color:var(--contrast-text);filter:drop-shadow(0 0 .5em #00000080);flex-direction:column;gap:1em;font-size:1.2em;display:flex}.carousel-container{flex-direction:column;align-items:center;gap:1em;width:80%;margin:0 auto;display:flex}.display-container{align-items:center;gap:1em;width:100%;display:flex}.display{aspect-ratio:3/2;width:100%;position:relative;overflow:hidden}.image-container{height:100%;transition:transform 1s;display:flex}.image-container>div{flex:0 0 100%;width:100%;height:100%;position:relative}.image-container img{object-fit:cover;width:100%;height:100%}.display-container>button{flex-shrink:0}.circle-container{justify-content:center;gap:.8em;display:flex}.circle{background-color:var(--primary-color);border-radius:.5em;width:.5em;height:.5em}.filled{background-color:var(--contrast-text)}.overlay{background-color:var(--primary-color);color:#080a08;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:1em;width:100%;height:100%;display:flex;position:absolute}.highlight{opacity:.9}.skill-lists{justify-content:space-evenly;width:100%;display:flex}.list-item{align-items:center;gap:1em;padding:.5em 0;transition:transform .2s ease-in-out,color .2s ease-in-out;display:flex}.list-item>img{width:3em;height:3em;filter:drop-shadow(0em 0em .4em var(--primary-color))}.list-item:hover{color:var(--contrast-text);transform:translate(1em)}.line-break{background-color:var(--primary-color);border-radius:.5em;width:80%;height:.2em}.line-break-project{background-color:var(--primary-color);border-radius:.5em;width:89%;height:.2em}@media screen and (max-width:767px){body{font-size:10px}button{width:2em;height:2em}.page-nav{gap:2em;padding:0 2em}#hero{width:70%}.project-card{flex-direction:column}.project-card-header{width:100%}.skill-lists{flex-direction:column}.carousel-container{width:100%}}