:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;padding:2rem}header{background-color:#242424}main{max-width:1280px;margin:0 auto}section{border:solid black}.name{grid-area:name;text-align:center;color:#fff}.navigation{display:grid;grid-template-columns:.25fr .25fr .25fr .25fr;grid-template-rows:auto;grid-template-areas:"name . navitems ."}.navigation-items{display:flex;align-items:center;grid-area:navitems}.under-construction{font-size:60px;max-width:1280px;margin:0 auto;text-align:center;color:#fff}