html{box-sizing:border-box;font-size:100%}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;font-family:Open Sans,sans-serif;background-color:var(--background-color);color:var(--text-color);display:grid;justify-content:center}h1,h2,h3{font-weight:700;line-height:1.1;margin-top:0}h1{font-size:clamp(1.75rem,1.25rem + 2vw,2.5rem)}h2{font-size:clamp(1.375rem,.875rem + 1.5vw,2.25rem)}p{margin-top:0;font-size:1rem}a,a:visited,a:active{color:#fff}:root{--background-color: rgb(40, 40, 40);--text-color: white}.navbar{display:flex;justify-content:space-evenly;background-color:#3c3c3c;padding:10px}.navbar a:hover{background-color:#505050}.navbar a.active{border:1px solid rgb(100,100,100)}.navbar a{color:#fff;text-decoration:none}