@font-face{font-family:outrun;src:url(/assets/outrunfuturebolditalic-CbVlRSDR.otf) format("truetype")}:root{--color-primary: rgb(181, 122, 170);--color-secondary: #241734;--color-tertiary: rgb(226, 214, 220);--color-quaternary: rgb(108, 55, 88);--color-quinary: rgb(181, 122, 170)}#render-canvas{width:15vw;height:15vw}main{display:flex;flex-direction:column;align-items:center;justify-content:center}header{display:flex;align-items:center;width:100vw}#heading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}@media screen and (max-width: 600px){#heading-container{width:90%;margin-top:1rem}}header h2{background:#5d88ad;background:linear-gradient(180deg,#5d88ad,#fffefd 47%,#e2d6dc 49%,#6c3758 57%,#b57aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:outrun;width:90%;padding:0;margin:0;font-size:4rem;filter:drop-shadow(.15rem .15rem #FFF);text-align:center}.subheading{font-family:Fira Code,sans-serif;font-size:1rem}.under-shadow{filter:drop-shadow(0rem .75rem black)}.heading-offset{margin-top:-1rem;margin-left:4rem}.content-split{display:flex;flex-direction:row;width:100vw}.color-tertiary{color:var(--color-tertiary)}.color-primary{color:var(--color-primary)}.color-secondary{color:var(--color-secondary)}.margin-sm{margin:.5rem}.margin-md{margin:1rem}nav{display:flex;background-color:#e2d6dc33;border-radius:.25rem;box-shadow:1rem 1rem 1rem #0003;padding:.5rem;margin:1.5rem;position:fixed;border:solid .1rem var(--color-primary)}.link{color:var(--color-tertiary);padding:.5rem;font-family:Fira Code,sans-serif;font-weight:700}.link:hover{color:#5d88ad}.content{font-family:Fira Code,sans-serif;color:var(--color-tertiary)}.panel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;height:100%;border-radius:1rem;margin:1.5rem;padding:.5rem;border:solid .1rem var(--color-primary);animation-name:glow;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:linear}@media screen and (max-width: 600px){.panel{width:90%}}.copyright-head{color:var(--color-tertiary);font-family:Fira Code,sans-serif;position:absolute;top:0;right:0;margin-right:1rem;font-size:.75rem}.text-lg{font-size:1.5rem}.text-md{font-size:1.2rem}.text-sm{font-size:.75rem}html{background:#241734}.achievements-list li{margin:.25rem}.achievements-list li:before{list-style-type:none;content:">";margin:0 .5rem}.project-container{display:flex;width:100%;flex-direction:column;align-items:start}.project-link{display:flex;flex-direction:column;align-items:center;width:fit-content;margin:.5rem}.grid{margin:0 auto;position:fixed;bottom:0;left:-50%;background-color:linear-gradient(180deg,rgba(36,23,52,1) 0%,rgba(46,33,87,1) 100%);background-image:linear-gradient(90deg,transparent 0%,transparent 85%,#FD3777 90%,transparent 95%),linear-gradient(0deg,transparent 0%,transparent 85%,#FD3777 90%,transparent 95%);background-size:12px 12px;width:200vw;height:60vh;transform:translateZ(0) perspective(100px) rotateX(45deg);perspective-origin:top;animation-name:movement;animation-duration:48s;animation-iteration-count:infinite;animation-timing-function:linear;z-index:-1}.grid:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,transparent,#241734)}@keyframes movement{0%{background-position:0% 0%}to{background-position:0% 100%}}@keyframes glow{0%{box-shadow:0 0 .5 #fd3777}50%{box-shadow:0 0 1rem #fd3777}to{box-shadow:0 0 .5 #fd3777}}html{scroll-behavior:smooth}.sticky-nav{position:fixed;top:20px;left:20px;z-index:100;padding:10px;background-color:transparent;font-family:Fira Code,monospace}.sticky-nav ul{list-style-type:none;padding:0;margin:0;display:flex;gap:15px}.sticky-nav li{margin-bottom:0}.sticky-nav a{text-decoration:none;color:var(--color-tertiary);font-weight:500;animation:pulse 2s infinite;transition:all .3s ease;padding:6px 12px;border:1px solid transparent;border-radius:4px;position:relative}.sticky-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-tertiary);transition:width .3s ease}.sticky-nav a:hover{animation:none;color:color-mix(in srgb,var(--color-tertiary) 70%,black);opacity:1;border-color:var(--color-tertiary);background-color:#ffffff0d}.sticky-nav a:hover:after{width:100%}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media (max-width: 768px){.sticky-nav{display:none}}hr{border:none;height:1px;background:linear-gradient(to right,transparent,var(--color-primary),var(--color-tertiary),var(--color-primary),transparent);margin:2rem auto;opacity:.7;width:80%;max-width:800px;animation:breathe 6s ease-in-out infinite}@keyframes breathe{0%{width:95%}50%{width:80%}to{width:95%}}.project-container a{word-break:normal;overflow-wrap:break-word;word-break:break-all;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.project-link a{text-decoration:none}.project-link a div{text-decoration:none;color:var(--color-tertiary);font-weight:500;animation:pulse 2s infinite;transition:all .3s ease;padding:6px 12px;border:1px solid transparent;border-radius:4px;position:relative}.project-link a div:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-tertiary);transition:width .3s ease}.project-link a div:hover{animation:none;color:color-mix(in srgb,var(--color-tertiary) 70%,black);opacity:1;border-color:var(--color-tertiary);background-color:#ffffff0d}.project-link a:hover:after{width:100%}