@import url(https://fonts.bunny.net/css?family=assistant:500|balsamiq-sans:400,400i,700,700i); html { background: #238e23; } body { color: #151515; font-family: 'Assistant', sans-serif; line-height: 1.5; margin: 1rem auto; max-width: 666px; padding: 1rem; border: 0.420rem solid #b68024; background: #eee; border-radius: 1rem; } header { border-bottom: 1px solid #222; margin-bottom: 1rem; h1 { color: #ee871c; } } footer { border-top: 1px solid #222; margin-top: 1rem; } h1 { text-align: center; } h1, h2, h3, h4, h5, h6 { font-family: 'Balsamiq Sans', display; } a { color: #00e; text-decoration: none; } main { max-width: 666px; overflow-x: scroll; } img { max-width: 100%; } nav { ul { display: flex; flex-direction: row; list-style-type: none; justify-content: center; margin: 0; padding: 0; li { margin: 1rem; } li .active { text-decoration: underline; } } } figure { text-align: center; } footer > small { display: flex; align-items: center; justify-content: center; align-self: stretch; padding: 0.5rem; }