: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: var(--bg-light); 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: var(--fg); font-family: mononoki; font-size: 16px; padding: 0; margin: 0; } img { image-rendering: pixelated; image-rendering: optimizeSpeed; } a { color: var(--blue); text-decoration: none; } a:hover { color: var(--cyan); text-decoration: underline; } h1 { color: var(--white); } h2 { color: var(--cyan); } h3 { color: var(--blue); } .main { background-color: var(--bg); margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; width: 70%; padding: 2%; height: 100%; border-left: var(--line) solid var(--fg); border-right: var(--line) solid var(--fg); border-bottom: var(--line) solid var(--fg); } .header { text-align: center; } .links { text-align: center justify; text-justify: inter-word; #white-space: nowrap; } hr { width: 100%; border: 0; border-bottom: var(--line) solid var(--fg); } .title { font-size: 45px; color: var(--fg); } .small { font-size: 9px; padding: 0; color: var(--black); } a.red { color: --var(red); } a.green { color: --var(green); } a.blue { color: --var(blue); } code { background-color: var(--bg-light); font-size: 16px; font-family: mononoki; word-wrap: break-word; width: 100%; } pre { background-color: var(--bg-light); white-space: pre-wrap; padding: 5px; border: var(--line) solid var(--fg); } .grid { display: inline; } .about { width: 65%; float: left; } .image { width: 35%; float: right; } img { width: 100%; }