@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Instrument+Serif:ital@0;1&display=swap";:root{line-height:1.5}*{margin:0;padding:0;box-sizing:border-box}:root{--color-purple-primary: #be82ff;--color-green-primary: #57d18a;--color-gray: #a3a6b1;--color-gray-light: #d2d5da;--color-gray-lighter: #eef0f1;--color-black: #1e1e1e;--h1-font: "Instrument Serif", serif;--main-font: "IBM Plex Mono", "Inter", Arial, sans-serif}*{font-family:var(--main-font);color:var(--color-gray-lighter)}::selection{color:#fff;background-color:var(--color-purple-primary)}#root{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-black)}h1,.name-heading{font-family:var(--h1-font);font-size:3rem;font-weight:400;color:var(--color-purple-primary);transition:transform .8s}h1:hover,.name-heading:hover{color:var(--color-green-primary)}.name-heading{text-decoration:none}h2{font-weight:300;font-size:1.8em}h2:hover{color:var(--color-green-primary);transition:color .3s}p{font-weight:300;font-size:.8em}.twist-animation:hover{transform:rotate3d(1,1,1,5deg);transition:transform .8s}.app-container{margin:auto;width:100%;max-width:2000px;display:flex;flex-direction:column;align-items:center;margin-top:10vh;padding:2em}.landing-container{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.work-link{background-color:var(--color-black);color:var(--color-green-primary);border:2px solid var(--color-green-primary);margin-top:3em;padding:1em;text-align:center;font-size:1em;font-weight:800;transition:padding .3s;border-radius:5em;text-decoration:none}.work-link:hover{background-color:var(--color-green-primary);color:var(--color-black);border:2px solid var(--color-green-primary);transition:padding .3s}@media screen and (max-width: 650px){h2{font-size:1.6em}}.links-container{display:flex;gap:2em;margin-top:20px}.link-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.link-item a{color:inherit;text-decoration:none}.link-item:hover{color:var(--color-purple-primary)}.link-text{color:inherit;font-size:.8em;font-weight:500}