* { margin: 0; padding: 0; } body, html { height: 100%; } .sr-only { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } ::-moz-selection { color: #000b13; background: #c42337; } ::selection { color: #040404; background: #d7d9ce; } body { background-color: #040404; color: #119da4; font-family: monospace; font-size: 1.0em; display: flex; justify-content: center; align-items: center; flex-direction: column; max-width: 800px; margin: auto; } header { text-align: center; font-size: 1.2em; } header h1 { font-size: 4em; } header h2 { font-size: 2em; } header img { border-radius: 100%; width: 220px; margin: 10px; } header .socials { margin-top: 5px; list-style-type: none; font-size: 1.4em; } header .socials li { display: inline-block; } header .socials a { color: inherit; text-decoration: none; } header .socials a:hover { color: #d7d9ce; } .articles { margin-top: 50px; font-size: 1.3em; } .articles h3 { font-size: 1em; font-weight: 800; color: #f4b65c; } .articles ul { list-style-type: none; } .articles li { margin-top: 0.4em; margin-bottom: 0.4em; } .articles a { color: #7f8589; text-decoration: none; } .articles a:hover { color: #c42337; } article h1 { color: #f4b65c; } article { font-size: 1.3em; } article p { padding-top: 3px; padding-bottom: 3px; text-align: justify; }