@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&display=swap");:root{--primary-color:#a8caff;--highlight:#f3f38d;--darker-highlight:#e2e277;background-color:var(--primary-color);font-family:Noto Sans Mono,monospace;--raisin_black:#262730;--indigo_dye:#033d63;--periwinkle:#c3ccea;--light_orange:#f5cba3;--isabelline:#efe9e7;line-height:1.5;font-weight:400;color-scheme:light dark;color:hsla(0,0%,100%,.87)}body{height:100%;margin:0;min-width:320px;overflow-x:hidden}.App{text-align:center;color:#000;flex-direction:column;justify-content:center}.App,.header{display:flex;overflow:hidden}.header{flex-direction:row;position:fixed;top:0;left:0;right:0;width:100vw;height:15vh;z-index:10;background-image:url(/clouds.png);background-repeat:repeat-x;background-size:auto 100%}.snow-container{position:absolute;z-index:-10;margin:0;padding:0;top:0;left:0}.header-links{display:flex;position:absolute;justify-content:flex-end;align-items:center;right:0;margin:8px 40px 10px 10px}.header nav{z-index:11}.button-link-nav{z-index:12}nav ul{list-style-type:none;padding:0}nav ul li{display:inline;margin:0 10px}.header-link{margin-left:70px}.header-link-text{font-size:1.3em;font-weight:700;color:var(--primary-color)}a,button{font-weight:500;text-decoration:inherit}a,a:hover,button,button:hover{color:var(--primary-color)}.link{color:var(--highlight)}.link:hover{color:var(--darker-highlight)}h1{font-size:3.2rem}h1,h2{line-height:1.1}h2{font-size:1.2rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.social-link{height:40px;width:40px;padding:10px}.title{position:absolute;top:0;text-align:left;color:#fff;padding:180px 180px 100px;text-shadow:.5px .5px 5px rgba(0,0,0,.5);width:50vw}@media (max-width:1000px){.title{padding:180px 100px 100px;width:calc(100vw - 200px)}}@media (max-width:700px){.title{padding:180px 50px 100px;width:calc(100vw - 100px)}h1{font-size:2.5rem}}.subtitle{font-size:.8em}