* {box-sizing: border-box; margin: 0; padding: 0; font-family: system-ui, sans-serif; font-weight: 100; font-size: 20px;}

body {display: flex; align-items: center; justify-content: center; padding-top: 10px; background-color: #888;}

.app {width: 600px; max-width: 100%; padding: 10px; background-color: #ddd;}

.app > * {border: solid 1px grey; margin: 1px;}

header {background-color: #fff; text-align: center;}

h1 {font-size: 25px; padding: 5px;}

h1::first-letter {text-transform: uppercase;}

nav {padding: 2px;}

button {min-width: 100px;}

main {display: grid; grid-template-columns: 1fr 2fr; gap: 5px; background-color: #eee;}