:root{--sec-col:#66d9ef}body{color:#222;background-color:#222;font-family:sans-serif;line-height:1.5;margin:1rem;color:#fff;header { width: 400px; margin-left: auto; margin-right: auto; margin-top: 100px; position: relative; border-bottom: 1px solid #222; //margin-bottom: 1rem; } header > * > * > *> *> *> img { border-radius: 100%; border: 2px solid var(--sec-col); } blockquote { margin: 0px; color: #bbb; } h1 { font-size: 1.2em; margin: 0px; } h2 { font-size: 1.1em; } header { font-align: left; } main { width: 800px; margin-left: auto; margin-right: auto; } main a { color: var(--sec-col); } .centercontainer { max-width: 1000px; margin: 0 auto; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0, 0.1); } footer { border-top: 1px solid #222; margin-top: 1rem; } a { color: var(--sec-col); text-decoration: none; } nav > ul > li { display: inline-block; margin: 0 20px 20px 0; } nav > ul > li :hover { color: var(--sec-col); } nav > ul > li :active { color: black; } nav > ul > li:nth-child(odd) { float: left; } nav > ul > li a { color: #fff; }}