@import"https://fonts.cdnfonts.com/css/jetbrains-mono-2";@import"https://fonts.googleapis.com/css2?family=Grandstander:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Jura:wght@300..700&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-family: "JetBrains Mono", monospace;--line-height: 1.2rem;--border-thickness: 1px;--text-color: #ffffffe1;--text-color-alt: #666;--background-color: #000;--background-color-alt: #eee;--blog-image-opacity: 1;--see-image-opacity: 1;font-family:var(--font-family);font-optical-sizing:auto;font-weight:500;font-style:normal;font-variant-numeric:tabular-nums lining-nums;font-size:16px}*{box-sizing:border-box;margin:0;padding:0}html{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;background:var(--background-color);color:var(--text-color)}html:before,html:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}html:before{background:url(blogs.png) no-repeat;background-position:48% 46%;background-size:400px auto;opacity:var(--blog-image-opacity)}html:after{background:url(see.png) no-repeat;background-position:10% 20%;background-size:300px auto;opacity:var(--see-image-opacity)}h1,h2,h3{margin:calc(var(--line-height) * 2) 0 var(--line-height);line-height:calc(var(--line-height) * 1.5)}h1{font-size:2rem;margin-top:calc(var(--line-height) * 3)}h2{font-size:1.5rem;text-transform:lowercase}h2 a{color:var(--text-color);text-decoration:none;border-bottom:none}h2 a:hover{text-decoration:underline}.projects h2 a,.blogs h2 a{display:inline-block;width:100%}ul,ol{list-style-position:inside;margin:var(--line-height) 0;padding-left:2ch}li{margin-bottom:calc(var(--line-height) / 2)}a{color:var(--text-color);text-decoration:underline;border-bottom:var(--border-thickness) solid transparent;transition:border-color .3s ease}a:hover{text-decoration:underline}p{margin-bottom:var(--line-height)}section{margin:calc(var(--line-height) * 2) 0}footer{position:fixed;bottom:0;left:0;width:100%;padding:var(--line-height) 0;background:var(--background-color);border-top:var(--border-thickness) solid var(--text-color);text-align:center;z-index:10}footer a{margin:0 1ch}@media screen and (max-width: 480px){:root{font-size:14px}body{padding:var(--line-height) 1ch}}body{transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-color-alt)}::-webkit-scrollbar-thumb{background:var(--text-color-alt);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-color)}.blog-entry{margin-bottom:calc(var(--line-height) * 2)}.blog-entry .desc{color:var(--text-color-alt);margin-top:calc(var(--line-height) / 2)}.project-entry{margin-bottom:2rem}.project-entry a{display:block;font-size:1.1rem;font-weight:500;margin-bottom:.5rem;text-decoration:none}.project-entry a:hover{text-decoration:underline}.project-entry .desc{color:#666;font-size:.9rem;line-height:1.5}@media (prefers-color-scheme: dark){.project-entry .desc{color:#999}}main{max-width:800px;margin:0 auto;padding:0 20px;padding-bottom:calc(var(--line-height) * 4);position:relative;z-index:2}.project-entry,.blog-entry{max-width:100%;margin-bottom:2rem;padding-bottom:1rem}section:last-child{margin-bottom:calc(var(--line-height) * 3)}.project-entry:last-child,.blog-entry:last-child{margin-bottom:calc(var(--line-height) * 2)}.bubble{position:fixed;font-family:Grandstander,cursive;background-color:var(--background-color);padding:15px 25px;border-radius:25px;max-width:200px;text-align:center;border:var(--border-thickness) solid var(--text-color);z-index:3;font-size:.9rem;line-height:1.3}.bubble-left{left:calc(25% - 100px);top:30%}.bubble-right{right:calc(25% - 100px);top:40%}@media screen and (max-width: 1200px){.bubble{display:none}}._App_9g4xh_1{text-align:center}._logo_9g4xh_5{animation:_logo-spin_9g4xh_1 infinite 20s linear;height:40vmin;pointer-events:none}._header_9g4xh_11{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}._link_9g4xh_22{color:#b318f0}@keyframes _logo-spin_9g4xh_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}