:root { --fg: #f58F44; --black: #707880; --red: #cc6666; --green: #b5bd68; --yellow: #f0c674; --blue: #5f819d; --magenta: #b294bb; --cyan: #b4d6d1; --white: #c5c8c6; --bg-light: #303030; --bg: #191919; --line: 2px; } @font-face { font-family: mononoki; src: url(mononoki.woff); } body { background-color: #303030; background-image: url("/images/bg.gif"); background-repeat: repeat; background-attachment: fixed; image-rendering: pixelated; image-rendering: optimizeSpeed; /*background-image: url("https://davidovski.xyz/images/bg.png");*/ color: #f58f44; font-family: mononoki; font-size: 16px; padding: 0; margin: 0; } img { image-rendering: pixelated; image-rendering: optimizeSpeed; } a { color: #5f819d; text-decoration: none; } a:hover { color: #b4d6d1; text-decoration: underline; } h1 { color: #c5c8c6; } h2 { color: #b4d6d1; } h3 { color: #5f819d; } .main { background-color: #191919; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; width: 70%; padding: 2%; height: 100%; border-left: 2px solid #f58f44; border-right: 2px solid #f58f44; border-bottom: 2px solid #f58f44; } .header { text-align: center; } .links { text-align: center justify; text-justify: inter-word; #white-space: nowrap; } hr { width: 100%; border: 0; border-bottom: 2px solid #f58f44; } .title { font-size: 45px; color: #f58f44; } .small { font-size: 9px; padding: 0; color: #707880; } a.red { color: #cc6666; } a.green { color: #b5bd68; } a.blue { color: #5f819d; } code { background-color: #303030; font-size: 16px; font-family: mononoki; word-wrap: break-word; width: 100%; } pre { background-color: #303030; white-space: pre-wrap; padding: 5px; border: 2px solid #f58f44; } .grid { display: grid; } .about { width: 65%; } .image { width: 35%; } img { width: 100%; }