:root{font-feature-settings:"liga" 1,"calt" 1;--background-color:white;--background-secondary:#eee;--text-color:black;--text-secondary:gray;--accent-color:#8a3bd8;font-family:Inter,sans-serif}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}@media (prefers-color-scheme:dark){:root{--background-color:#202122;--background-secondary:#373737;--text-color:white;--text-secondary:lightgray}}html{scroll-behavior:smooth}body{color:var(--text-color);background-color:var(--background-color);margin:0}nav{position:sticky;background-color:var(--background-secondary);display:flex;margin-bottom:20px;padding:10px;top:0}nav :first-child{flex:1}main{display:flex;flex-direction:column;align-items: center;margin-block-end:2rem;padding-inline-start:2rem;padding-inline-end:2rem}form{display:flex;flex-direction:column;gap:8px;width:100%;max-width:500px}textarea{height:150px}input[type=submit]{height:50px}a{color:inherit;border:1px solid #0000}a:hover{text-decoration:none;border:1px dashed var(--text-color)}.profile-card{border:1px solid var(--text-color);text-align:center;display:flex;border-radius:10px;align-items: center;gap:2rem;width:-moz-fit-content;width:fit-content;margin:auto;padding:1em}.profile-image{object-fit:cover;border-radius:100%;max-width:200px;height:200px}.title{color:var(--text-secondary);margin-top:0;font-size:1.2em;font-style:italic}.menu{list-style-type:none;display:flex;flex-direction:row;gap:8px;margin:0;padding-inline-start:0}#project-container{display:flex;flex-flow:wrap;justify-content:center;gap:20px}.project-card{border:1px solid var(--text-secondary);display:flex;text-align:justify;scroll-snap-align:center;border-radius:10px;flex-direction:column;flex-shrink:0;align-items: center;width:500px;height:300px;padding:20px 50px}.project-image{height:150px}.project-name{margin-block-end:0;font-size:24px;font-weight:700}#now-listening{position:fixed;display:inline-block;background-color:var(--background-secondary);border:3px solid var(--text-color);display:flex;visibility:hidden;overflow:scroll;gap:14px;width:-moz-fit-content;width:fit-content;margin:20px;padding:14px;transition:opacity 50ms linear;line-height:0;bottom:0;right:0}#now-listening:hover{opacity:.15}#music-image{object-fit:cover;width:64px;height:64px}.music-description{display:flex;white-space:nowrap;flex-direction:column;justify-content:center}@media screen and (max-width:1600px){#project-carousel{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1100px){#project-carousel{grid-template-columns:1fr}}@media screen and (max-width:600px){main{margin-block-end:150px}.profile-card{flex-direction:column}#now-listening{right:unset;width:calc(100% - 74px)}.project-card{width:calc(100% - 60px);height:-moz-fit-content;height:fit-content}}@media screen and (max-width:500px){nav{flex-direction:column;align-items: center;gap:1rem}}