html{font-size:12pt}html,body{overflow:auto}:where(*,*:before,*:after){margin:0;padding:0;box-sizing:border-box}:where(ul,il,dd){list-style:none}:where(h1,h2,h3,h4,h5,h6,p){margin-bottom:.5em;color:inherit;font-size:inherit}a:any-link{color:inherit;text-decoration:none}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:root{--margin: 1rem;--span: .5rem;--background: #33588c;--backgroundn: #23487c;--text: #f5f2db}body{display:grid;color:var(--text);background-color:var(--background);height:100vh}main,nav{overflow:auto}@media (aspect-ratio <= 1){body{grid-auto-flow:row;grid-template-rows:min-content auto auto}nav ul{display:inline-flex}}@media (aspect-ratio > 1){body{grid-auto-flow:column;grid-template-columns:min-content auto auto}nav{width:6.5rem;padding-top:var(--margin)!important}nav li{padding-bottom:1rem!important;width:10rem}nav li a,span{display:inline-block;width:4.5rem}}nav{z-index:1;background-color:var(--backgroundn);padding:calc(var(--margin) / 2);padding-left:var(--margin)}nav li a{background-color:var(--color);font-size:larger;padding-left:var(--span);padding-right:var(--span)}nav li{margin-right:var(--span)}main{max-width:40rem;padding-right:var(--margin);margin-top:var(--margin);min-height:60vh;overflow:auto;scrollbar-color:var(--color) var(--text)}main ul{margin-left:var(--margin);list-style-type:square}