@font-face{font-family:Noto Sans Mono;src:url(/fonts/noto-sans-mono.c2e5dfdf.ttf) format("truetype")}::-moz-selection{color:#24283b;background-color:#c0caf5}::selection{color:#24283b;background-color:#c0caf5}#app{height:100vh;font-family:Noto Sans Mono,sans-serif;font-weight:400}#app,.content{background-color:#1a1b26}.content{width:100%;max-width:600px;color:#c0caf5;padding:2rem;box-sizing:border-box}.content-container{display:flex;justify-content:center;align-items:center}.title{font-weight:900}.top{position:fixed;top:0;left:0;width:100vw;background-color:#1a1b26;flex-direction:column;align-items:center;padding:2rem;box-sizing:border-box}.nav,.top{display:flex;justify-content:center;gap:1rem}.nav{flex-direction:row;flex:1 1 0;text-align:center}.nav-router{text-decoration:none;font-weight:900}.nav-router:hover{color:#c0caf5!important}.router-view{line-height:1.25rem;scrollbar-width:none;padding:1rem;box-sizing:border-box;padding:0 1rem;padding-bottom:2rem;height:calc(100vh - 9rem);overflow-y:scroll!important;max-width:768px;background-color:#00000000;width:100%}.router-view>p{padding-top:1rem}.copyleft{color:#414868;font-size:.7rem;text-align:right;position:absolute;bottom:0;right:0;padding:.5rem;width:100vw;position:fixed;background-color:#1a1b26}.copyleft a{color:#414868;text-decoration:none}.copyleft a:hover{background-color:#00000000!important}.router-container{position:fixed;top:7rem;left:0;height:calc(100vh - 9rem);width:100vw;background-color:#24283b;overflow-y:scroll;display:flex;justify-content:center}a:hover{color:#c0caf5!important;background-color:#1a1b2c!important}.header{font-weight:900;display:block}.discord{color:#7aa2f7}.codeberg,.codeberg a{color:#7dcfff}.codeberg a{text-decoration:none}.container *{margin-top:1rem}.email,.email a{color:#73daca}.email a{text-decoration:none}.youtube,.youtube a{color:#f7768e}.youtube a{text-decoration:none}.tumblr,.tumblr a{color:#bb9af7}.tumblr a{text-decoration:none}* a:hover{color:#c0caf5}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}