body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes contentUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{display:none;opacity:0;transform:translateY(20px)}to{display:grid;opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{display:grid;opacity:1;transform:translateY(0)}to{display:none;opacity:0;transform:translateY(20px)}}@keyframes scaleUp{0%{scale:1}to{scale:1.015}}@keyframes scaleDown{0%{scale:1.015}to{scale:1}}@keyframes bigScaleUp{0%{scale:1}to{scale:1.2}}@keyframes bigScaleDown{0%{scale:1.2}to{scale:1}}@keyframes shrinkMenu{0%{bottom:2em;height:5.1em;width:16.4em}to{bottom:1em;height:1em;width:10em}}@keyframes growMenu{0%{bottom:1em;height:1em;width:10em}to{bottom:2em;height:5.1em;width:16.4em}}body,html{overflow:hidden}body{background-color:#000;color:#fffc;font-family:TASA Explorer,sans-serif}.title{align-items:center;display:flex;height:10rem}h1,h2{animation:contentUp .75s cubic-bezier(.25,1.5,.5,1);font-size:3.5em;font-weight:600;margin:0}h2{align-self:flex-end;font-size:2em;margin-bottom:1em;margin-left:14.5rem;vertical-align:bottom}p{line-height:1.75;margin:2em 0}hr{border-color:#cdfff033;border-width:.06rem}header{align-items:center;height:10rem;justify-content:space-between;padding:0 3em 0 .5em}header,main{display:flex;flex-direction:row}main{justify-content:center}.content{gap:1.5em;padding:0 3em;width:45em}.block,.content{display:flex;flex-direction:column}.block{gap:2em;justify-content:flex-start;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;min-height:calc(100dvh - 7.5em - 2px);padding-top:7.5em}.show{padding-bottom:5em;*{animation:contentUp .75s cubic-bezier(.25,1.5,.5,1)}}.show#friends{grid-gap:1em;display:grid;gap:1em;grid-template-columns:1fr 1fr;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.show#friends .button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid #ffffff2e;font-weight:400;padding:1em 2em .75em 1em}.show#projects{display:flex;flex-direction:column;gap:2em}.show#projects .button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid #ffffff2e;display:flex;font-family:inherit;font-weight:inherit;padding:1.5em}.show#projects .button:hover{background:#cdfff00d;scale:1.01}.show#projects .tilt img{background-color:#ffffff0d}.show#projects h4{align-items:center;gap:1.5em;grid-row:1/2;padding:0 1em}.show#projects h4,.show#projects ul{display:flex;grid-column:2/3;margin:0}.show#projects ul{flex-direction:column;gap:.5em;grid-row:2/3;line-height:1.75;padding:.5em 0 0 2em}.show#projects .link{align-items:center;display:flex;flex-direction:column;gap:1.5em;white-space:nowrap;width:-webkit-max-content;width:max-content}.show#projects svg{font-size:1.25rem}.show#projects h6{margin:0}.show#projects .blurb{width:-webkit-fill-available}.background,.vignette{border:1px solid #ffffff1a;bottom:0;display:flex;height:calc(100dvh - 2px);justify-content:center;left:0;object-fit:cover;position:fixed;right:0;top:0;width:calc(100dvw - 2px)}.background,.vignette{z-index:-2}.vignette{-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#000000e6,#23232380 50%,#000000e6);overflow:scroll}.button#backMobile,.mobileMenu,.panel,.side{animation:scaleDown .4s cubic-bezier(.65,-.65,.65,1.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff2e;border-top:1px solid #ffffff2e;box-shadow:0 2px 10px 0 #a3fff626}.side{background:#cdfff008;border-radius:.5em;flex-direction:column;gap:1em;padding:1.5em 1em;width:10em}.panel,.side{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center}.panel{background:#f0fff512;border-radius:1rem;gap:1.5em;padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button,.panel{align-items:center}.button{border-bottom:1px solid #ffffff2e;border-radius:.5em;color:#fffc;display:flex;font-family:Google Sans Code,monospace;font-weight:700;gap:1em;padding:.5em;transition:.3s}.button#back{animation:contentUp .75s cubic-bezier(.25,1.5,.5,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#cdfff01a;box-shadow:0 2px 10px 0 #a3fff626;font-size:1rem;font-weight:500;line-height:1rem;padding:.5em 1.5em .5em 1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.icon,.photo{animation:scaleDown .4s cubic-bezier(.65,-.65,.65,1.5);border:1px solid #ffffff1c;object-fit:contain}.photo{border-radius:.75rem;height:7rem;width:7rem}.icon{border-radius:.5rem;height:3.5em;width:3.5em}.miniLinks{grid-gap:.5em;display:grid;gap:.5em;grid-template-columns:1fr 1fr;width:15em}.miniLinks .button{font-size:.75em;gap:.5em;padding:1em 1em .95em}.miniLinks .button svg{font-size:1.5em}li,p{font-size:.85em}p{text-align:justify}.panel:hover,.side:hover{animation:scaleUp .4s cubic-bezier(.25,1.5,.5,1) forwards}.button:hover,.mobileMenu:hover{background:#cdfff026;box-shadow:0 2px 10px 0 #a3fff626;cursor:pointer;scale:1.05}.button#more:hover{background:revert;box-shadow:revert;cursor:revert;scale:revert}.button#back:hover{background:#cdfff026}.button#backMobile:hover,.mobileMenu:hover{animation:bigScaleUp .4s cubic-bezier(.25,1.5,.5,1) forwards}.icon#hover,.photo:hover{animation:scaleUp .4s cubic-bezier(.25,1.5,.5,1)}.side#hide-down,.side#hide-up,.side#show-down,.side#show-up{display:none}.side#mainScreen .button{padding-left:1em}.hide{display:none}.profile,.tilt{display:flex}.profile-icon,.tilt-icon{display:none}.button#noLink{cursor:inherit}.button#backMobile,.mobileMenu{animation:bigScaleDown .4s cubic-bezier(.65,-.65,.65,1.5) forwards;background:rgba(205,255,240,.075);border-radius:1rem;bottom:1em;display:none;font-size:1.5em;height:1em;padding:.5em;position:fixed;width:1em}.mobileMenu{right:1.5rem}.button#backMobile{left:1.5rem}.button#hide{display:none}@media (max-width:70em){.block{justify-content:flex-start;padding-top:3em}.title{height:5em}h1,h2{text-align:center;width:100%}h2{align-self:auto;margin:0}header{gap:1.5em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 2em}header,main{flex-direction:column}.miniLinks{display:grid;grid-template-columns:1fr 1fr;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.miniLinks .button{padding:.5em 1em}.profile{display:none}.profile-icon{display:flex}.content{width:auto}.side{grid-gap:.5em;border-radius:1rem;bottom:2em;display:grid;font-size:.9em;gap:.5em;grid-template-columns:1fr 1fr;height:auto;left:50%;padding:1em;position:fixed;right:50%;transform:translateX(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.side .button#item-1{grid-column:span 2}.side#mainScreen{display:none}.side#hide-down,.side#hide-up,.side#show-down,.side#show-up{display:grid}.side .button{justify-content:center;padding:.5em 2em}}@media (max-width:70em) and (min-width:40em){.side#hide-down,.side#show-down{animation:shrinkMenu .4s cubic-bezier(.65,-.65,.65,1) forwards;cursor:pointer;overflow:hidden;padding:0}.side#hide-down *,.side#show-down *{border:none;color:#fff0;scale:0;visibility:hidden}.side#hide-up,.side#show-up{animation:growMenu .4s cubic-bezier(.25,1.5,.5,1) forwards;overflow:hidden}.side#hide-up *,.side#show-up *{border-bottom:1px solid #ffffff2e;color:revert;scale:1;visibility:visible}}@media (max-width:40em){h1{font-size:2.5em}.side{bottom:7em;grid-template-columns:1fr 1fr;left:auto;right:1.5rem;transform:none}.side .button{padding:.5em}.mobileMenu{display:block}.button#back{display:none}.button#backMobile{display:block}.side#hide-down,.side#hide-up{animation:fadeDown .4s cubic-bezier(.25,1.5,.5,1) forwards;display:grid}.side#show-down,.side#show-up{animation:fadeUp .4s cubic-bezier(.25,1.5,.5,1) forwards;display:grid}.show#projects .button{flex-direction:column}.show#projects .link{flex-direction:row}.tilt{display:none}.tilt-icon{display:flex}.show#projects h4{padding:0 0 .5em}}@media (max-width:21.5em){.profile-icon,.tilt-icon{display:none}}@media (max-width:17.5em){.side{left:50%;translate:-50%}}
/*# sourceMappingURL=main.25d18d36.css.map*/