@import"https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap";:root{--color-bg: rgb(23 23 23/1);--color-text-main: #f1f1e6;--color-primary: #7b88f2;--wrapper-height: 85vh;--image-max-width: 320px;--font-family: "HK Grotesk";--font-family-header: "HK Grotesk"}*{box-sizing:border-box}[hidden]{display:none!important}@font-face{font-family:HK Grotesk;src:url(https://cdn.glitch.me/605e2a51-d45f-4d87-a285-9410ad350515%2FHKGrotesk-Regular.otf?v=1603136326027) format("opentype")}@font-face{font-family:HK Grotesk;font-weight:700;src:url(https://cdn.glitch.me/605e2a51-d45f-4d87-a285-9410ad350515%2FHKGrotesk-Bold.otf?v=1603136323437) format("opentype")}.header{display:flex;justify-content:space-between;margin:.25rem auto 0;padding:.25rem 0 0;width:100%;flex-wrap:wrap}.header a{font-family:Lora,sans-serif;font-style:normal;font-weight:400;font-size:1.1rem;color:var(--color-text-main);text-decoration:none;border-style:none}.header a:hover{color:var(--color-primary)}.header .links{padding:.5rem 1rem 1.5rem;white-space:nowrap}.divider{padding:0 1rem}.home a{font-family:Lora,sans-serif;font-style:normal;font-weight:400;font-size:1.1rem;color:#f9f8ff;text-decoration:underline;border-style:none}.home a:hover{color:var(--color-primary)}.footer{display:flex;justify-content:center;margin:1rem auto 0;padding:.25rem 0 1rem;width:100%;flex-wrap:wrap;align-items:center;flex-direction:column}.footer .social-icons{margin:.25rem .25rem .1rem}.footer a.social-icons{margin:.5rem;font-size:1.5rem;line-height:2rem}body{font-family:Lora,sans-serif;background-color:var(--color-bg);color:var(--color-text-main);scrollbar-color:rgb(249 248 255/.5) rgb(249 248 255/1)}.page{max-width:70vw}.wrapper{min-height:var(--wrapper-height);display:grid;place-items:center;margin:0 1rem;min-height:86vh}.content{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.content div{margin:.75rem}h1{color:var(--color-text-main);font-family:Lora,sans-serif;font-style:normal;font-weight:700;font-size:3rem;line-height:105%}.page h1{font-size:48px;padding:.5rem;border-bottom:4px solid rgb(249 248 255/.1);margin-bottom:0}.page p{line-height:1.5;font-size:1.1rem;text-align:justify}.page a{color:#f9f8ff;text-decoration:underline}.page a:hover{text-decoration:underline;color:var(--color-primary)}.btn--click-me{-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap}.btn--click-me:hover{text-decoration:underline}.instructions{margin:1rem auto 0}.instructions p{font-size:1rem}h2{color:var(--color-text-main)}canvas{position:fixed;top:0;left:0;z-index:-1}@-moz-keyframes move-astronaut-0{to{-moz-transform:translate(-500px,-500px)}}@-webkit-keyframes move-astronaut-0{to{-webkit-transform:translate(-500px,-500px)}}@keyframes move-astronaut-0{to{-webkit-transform:translate(-500px,-500px);transform:translate(-500px,-500px)}}@-moz-keyframes move-astronaut-1{to{-moz-transform:translate(-500px,500px)}}@-webkit-keyframes move-astronaut-1{to{-moz-transform:translate(-500px,500px)}}@keyframes move-astronaut-1{to{-webkit-transform:translate(-500px,500px);transform:translate(-500px,500px)}}@-moz-keyframes move-astronaut-2{to{-moz-transform:translate(500px,500px)}}@-webkit-keyframes move-astronaut-2{to{-webkit-transform:translate(500px,500px)}}@keyframes move-astronaut-2{to{-webkit-transform:translate(500px,500px);transform:translate(500px,500px)}}@-moz-keyframes move-astronaut-3{to{-moz-transform:translate(-500px,500px)}}@-webkit-keyframes move-astronaut-3{to{-webkit-transform:translate(-500px,500px)}}@keyframes move-astronaut-3{to{-webkit-transform:translate(-500px,500px);transform:translate(-500px,500px)}}@-moz-keyframes rotate-astronaut{to{-moz-transform:rotate(-720deg)}}@-webkit-keyframes rotate-astronaut{to{-webkit-transform:rotate(-720deg)}}@keyframes rotate-astronaut{to{-webkit-transform:rotate(-720deg);transform:rotate(-720deg)}}.object_astronaut{animation:rotate-astronaut 200s infinite linear both alternate}.box_astronaut{z-index:110!important;will-change:transform}.box_astronaut_time_0{animation:none 5s infinite linear both alternate}.box_astronaut_time_1{animation:none 11s infinite linear both alternate}.box_astronaut_time_2{animation:none 24s infinite linear both alternate}.box_astronaut_time_3{animation:none 30s infinite linear both alternate}.box_astronaut_anim_0{animation-name:move-astronaut-0}.box_astronaut_anim_1{animation-name:move-astronaut-1}.box_astronaut_anim_2{animation-name:move-astronaut-2}.box_astronaut_anim_3{animation-name:move-astronaut-3}.box_astronaut_stat{display:block;cursor:pointer}.projects{display:flex;justify-content:space-around;flex-direction:row;align-items:center;flex-wrap:wrap}.project{margin:.1rem;width:47%;border:4px solid rgb(249 248 255/.1)}.project img{width:100%;height:250px;object-fit:cover}.project div{margin:1rem}.project div p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:left}.page .lrn-button{text-decoration:none;color:var(--color-text-main);font-size:1.1rem;line-height:1rem;font-weight:500;height:2rem;cursor:pointer;border-radius:.5rem;color:var(--color-primary);background-color:#f9f8ff00;transition:.3s;position:relative}.page .lrn-button:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:var(--color-primary);transition:width .3s ease 0s,left .3s ease 0s;width:0}.page .lrn-button:hover{color:var(--color-text-main);padding-bottom:.25rem;text-decoration:none}.page .lrn-button:hover:after{width:100%;left:0}.page .social-links{text-align:center;padding:.25rem}.page .social-links a{margin:.75rem;padding:.5rem;text-decoration:none;background:var(--color-text-main);border-radius:4px;color:var(--color-primary)}.page .social-links img{height:1.5rem;margin-right:.5rem;vertical-align:sub}.page .social-links a:hover{margin:.75rem;padding:.5rem;text-decoration:none;background:var(--color-primary);border-radius:4px;color:var(--color-text-main)}@media only screen and (max-width: 480px){.page{max-width:90vw}.project{margin:.1rem;width:100%;border:4px solid rgb(249 248 255/.1)}.page h1{font-size:40px}}
