body { color: black; font-family: 'CMUTypewriter'; font-size: 23px; font-weight: normal; font-style: normal; padding: 0 2rem 0; margin: 0; display: flex; min-height: 100vh; flex-direction: column; } body::before { z-index: -1; content: ' '; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #c30000; background-image: linear-gradient(to bottom, rgba(195,0,0,0.9) 0%,rgba(195,0,0,0.9) 100%), url(/images/Chaoszone.black.svg); background-size: contain; background-attachment:fixed; background-repeat:no-repeat; background-position: center; } header { border-bottom: 2px solid white; margin-bottom: 30px; padding: 12px 0px 12px 0px; font-family: 'CMUTypewriter'; font-size: 30px; margin-left: 25rem; } h1, h2, h3, h4, h5 { font-family: 'CMUTypewriter'; } a { color: #ccc000; text-decoration: none; } a:hover { color: #aaa000; text-decoration: underline } #logo, #logo img { max-width: 23rem; } #logo { position: fixed; padding-top: 1rem; } div#logo a { color: white; font-weight: bold; text-decoration: none; } nav { display: inline-block; } nav ul{ text-align: left; list-style: none; display: inline-block; margin: 0; padding: 0; } nav li { display: inline-block; } nav li a { color: white; font-size: 18px; font-weight: bold; margin-left: 12px; text-decoration: none; text-transform: uppercase; } nav li a:first-child { margin: 0; } article { margin-left: 25rem; } article img { max-width: 100%; } footer { border-top: solid 2px white; font-size: 12px; padding: 12px 0px 12px 0px; text-align: right; } h1 { font-size: 24px; } h2 { font-size: 20px; } div.info { font-size: 14px; font-style: italic; } .pagination { display: inline-block; width: 100% } .wrapper { flex: 1; } .left, .right { display: inline-block; fill: curentColor; } .left { float: left; margin-left: 10%; } .right { float: right; margin-right: 10%; } .left svg, .right svg { margin-bottom: -3px; margin-left: 0.8ex; margin-right: 0.8ex; } #yacs { width: 100% } .page img { width: 100% } .authors_comments { border: 1px solid white; border-radius: 5px; padding: 0 1em 0; background-color: #454545; box-shadow: 5px 5px 5px #ffffff; margin: 2em 0 2em; } @media screen and (max-width: 750px){ #logo { position: initial; } #logo img { max-width: 100%; } article, header { margin: 0; } }