*{scroll-behavior:smooth!important}:root{--color: rgba(5, 19, 54, 255);--highlight: rgba(23, 88, 207, 255);--bg-color: rgba(201, 187, 172, 255);--bg-dark: color(from var(--bg-color) srgb calc(r*.8) calc(g*.8) calc(b*.8) / alpha);--bg-dark-dark: color(from var(--bg-dark) srgb calc(r/2) calc(g/2) calc(b/2) / alpha)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-dark-dark)}a:-webkit-any-link:active{color:#050505}a:-webkit-any-link{color:var(--highlight)}body{color:var(--color);background-color:var(--bg-color);text-align:center;font-family:monospace;font-weight:700;font-size:140%;display:flex;flex-flow:column;align-items:center;position:relative;margin:0}#gallery-renderer{position:relative;bottom:0;transform:scale(.98);z-index:2}.navigation{color:var(--highlight);display:flex;flex-flow:row;justify-content:right;padding:0 10px;height:5vh;margin-left:auto;position:relative;z-index:100}.navigation a{list-style:none;font-weight:400;padding:10px;font-size:larger;text-decoration:underline .08em rgba(0,0,0,0);text-underline-offset:.2em;transition:text-decoration-color .4s,text-underline-offset .4s}.navigation a:hover{text-decoration-color:#000003;text-underline-offset:.4em}#center-container{display:flex;flex-direction:column;justify-content:left;text-align:left}#center-container h1{font-family:math,Times,serif;font-size:400%;padding:0 30px;margin-top:150px;margin-bottom:0}#center-container h3{font-weight:400;padding:0 35px;margin:0;color:var(--highlight)}#scroll-arrow{margin-top:100px;text-align:center;padding:10px}#scroll-arrow svg{fill:var(--color);transition:fill .4s;animation:updown 1.5s linear infinite}@keyframes updown{0%,to{transform:translateY(10px)}50%{transform:translateY(-10px)}}#scroll-arrow svg:hover{fill:var(--highlight)}.button-layout{margin:30px;display:flex;justify-content:center;align-items:center;gap:clamp(0px,calc(.25*(100vw - 450px)),80px)}.button-layout a{--side-length: clamp(50px, calc(.2*(100vw - 350px)) , 90px);fill:var(--color);color:var(--color);font-weight:400;text-decoration:none;padding:0 10px;vertical-align:middle;text-align:center;transition:color .4s,fill .4s}.button-layout a:hover{fill:var(--highlight);color:var(--highlight)}.button-layout a svg{padding:6px 0;width:var(--side-length);height:var(--side-length)}#email{font-family:math;font-weight:700;font-size:var(--side-length)}#resume{height:calc(var(--side-length) - 15px);padding-top:16px;padding-bottom:11px}
