@import"https://fonts.googleapis.com/css2?family=Outfit:wght@200;800&family=Spline+Sans:wght@300&display=swap";:root{--bg-1: #fff;--bg-2: #f5f5f5;--text-color: black;--space-1: 2rem;--thickness: 1.5px;--heading-family: "Outfit", sans-serif;--text-family: "Spline Sans", sans-serif}@media (prefers-color-scheme: dark){:root{--bg-1: #222;--bg-2: #333;--text-color: #fff}}h1{font-weight:lighter;font-size:xx-large}html{background-color:var(--bg-2)}body{margin:var(--space-1);background-color:var(--bg-1);color:var(--text-color);font-family:var(--text-family)}main{border:var(--thickness) solid var(--text-color);min-height:calc(100vh - 4 * var(--space-1) - 2 * var(--thickness));padding:var(--space-1)}h1,h2{margin-top:0;margin-bottom:var(--space-1);font-family:var(--heading-family)}p{letter-spacing:.07rem;text-align:justify}label{text-align:center}input[type=radio]{margin:0}.theme-buttons{position:fixed;bottom:var(--space-1);left:0;display:flex;flex-direction:column;width:var(--space-1);background-color:var(--bg-1);z-index:2}.theme-buttons input{padding:var(--space-1)}.theme-buttons input:active,.theme-buttons input:checked{background-color:#000;color:#fff}