: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("https://davidovski.xyz/images/bg.png");*/ background-position: absolute; background-repeat: no-repeat; background-size: cover; color: var(--fg); font-family: mononoki; font-size: 16px; padding: 0; margin: 0; } a { color: var(--blue); text-decoration: none; } 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: 75%; float: left; } .image { width: 25%; float: right; } img { width: 100%; }