@charset "UTF-8";:root{font-family:Courier New,Courier,monospace;--text-primary: #ffffff;--text-secondary: #aeb1dc;--body-bg: #1e1926;--bg-primary: #3b0e4d;--bg-secondary: #000000;--accent: #6649b8;--accent2: #49b87d;--transition-speed: .2s;--border-radius: .5em}:root{--navbar-width-large: 5rem;--navbar-height-small: 3rem}.navbar{position:fixed;z-index:10;background-color:var(--bg-primary);transition:width 83ms ease;overflow:scroll;border:.15rem solid var(--accent);border-radius:var(--border-radius);margin:.5rem}.navbar-nav{display:flex;align-items:center;flex-direction:column;height:100%;padding:0;margin:0;list-style:none}.navbar-item{width:100%}.nav-link{display:flex;align-items:center;height:var(--navbar-width-large);color:var(--text-primary);text-decoration:none;filter:grayscale(100%) opacity(.7);transition:var(--transition-speed)}.nav-link:hover{color:var(--text-secondary);background:var(--bg-secondary)}.link-text{display:none;margin-left:1rem}.nav-link svg{width:2rem;min-width:2rem;margin:0 1.5rem}@media only screen and (max-width:600px){.navbar{bottom:0;width:calc(100vw - 1.25rem);height:var(--navbar-height-small)}.navbar-nav{flex-direction:row}.nav-link{justify-content:center}}@media only screen and (min-width:600px){.navbar{top:0;width:var(--navbar-width-large);height:calc(100vh - 1.25rem)}.navbar:hover{width:16rem;box-shadow:.5rem .5rem 3rem #00000080}.navbar:hover .link-text{display:inline}.navbar:hover .logo svg{margin-left:11rem}.navbar:hover .logo-text{left:0}}hr{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--text-primary),transparent);margin:3rem 0}body::-webkit-scrollbar{width:.33rem}body::-webkit-scrollbar-track{background:#1e1e24}body::-webkit-scrollbar-thumb{background:#6649b8}*{box-sizing:border-box}html{font-size:80%}header{position:relative;z-index:5;text-align:center;background-color:#280d41;margin:0;padding:.5rem}@media only screen and (min-width:600px){header{padding-left:calc(var(--navbar-width-large) * 2);padding-right:var(--navbar-width-large);text-align:center}}body{color:var(--text-primary);background-color:var(--body-bg);margin:0;padding:0}main{margin:0;min-height:100vh}main img{width:100%}main a:link,main a:visited,main a:hover,main a:active{color:#9fe5ff;text-decoration:none}main{margin-bottom:var(navbar-width-small);padding-left:.5rem;padding-right:.5rem}@media only screen and (min-width:600px){main{margin-left:var(--navbar-width-large);margin-bottom:0;padding-left:2rem;padding-right:2rem}}.readable-width{display:flex;flex-direction:column;justify-content:center;margin:3em auto;width:100%;max-width:1400px}h1{font-size:1.75em}.button{text-align:center;background-color:var(--bg-primary);transition:background-color var(--transition-speed);border:none;border-radius:var(--border-radius);padding:.5em;font-family:Courier New,Courier,monospace}.button a:link,.button a:visited,.button a:active{color:var(--text-primary)}.button:hover{background-color:var(--accent)}.button:focus{outline:2px solid var(--accent);outline-offset:2px}footer{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around;padding:1em;margin-top:1.33rem;margin-bottom:var(--navbar-height-small);border-top:solid var(--accent) .2rem;background-color:var(--bg-secondary);text-align:center}footer img{aspect-ratio:1/1;object-fit:cover;max-width:12rem}footer a{color:var(--text-secondary);text-decoration:none}@media only screen and (min-width:600px){footer{flex-direction:row;margin-bottom:0;margin-left:0;padding-left:calc(2 * var(--navbar-width-large));padding-right:var(--navbar-width-large);width:100vw}}#footer-basics{display:flex}#footer-links ul{text-align:left;list-style:none;padding-left:1.2em}#footer-links ul li{position:relative;padding-left:1em}#footer-links ul li:before{content:"♦";font-size:1em;line-height:1;color:var(--accent);position:absolute;left:0;top:50%;transform:translateY(-50%)}.centerContentsH{display:grid;place-items:center;text-align:center}#socials{*{margin:.5rem}}.socials-list{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin:0;gap:.5em}.socials{width:2rem;height:2rem;object-fit:contain}
