/* ubuntu-mono-regular - latin */ @font-face { font-family: 'Ubuntu Mono'; font-style: normal; font-weight: 400; src: url('font/ubuntu-mono-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('font/ubuntu-mono-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/ubuntu-mono-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('font/ubuntu-mono-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('font/ubuntu-mono-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('font/ubuntu-mono-v14-latin-regular.svg#UbuntuMono') format('svg'); /* Legacy iOS */ } /* ubuntu-mono-italic - latin */ @font-face { font-family: 'Ubuntu Mono'; font-style: italic; font-weight: 400; src: url('font/ubuntu-mono-v14-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('font/ubuntu-mono-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/ubuntu-mono-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('font/ubuntu-mono-v14-latin-italic.woff') format('woff'), /* Modern Browsers */ url('font/ubuntu-mono-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('font/ubuntu-mono-v14-latin-italic.svg#UbuntuMono') format('svg'); /* Legacy iOS */ } /* ubuntu-mono-700 - latin */ @font-face { font-family: 'Ubuntu Mono'; font-style: normal; font-weight: 700; src: url('font/ubuntu-mono-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('font/ubuntu-mono-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/ubuntu-mono-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('font/ubuntu-mono-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('font/ubuntu-mono-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('font/ubuntu-mono-v14-latin-700.svg#UbuntuMono') format('svg'); /* Legacy iOS */ } /* ubuntu-mono-700italic - latin */ @font-face { font-family: 'Ubuntu Mono'; font-style: italic; font-weight: 700; src: url('font/ubuntu-mono-v14-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('font/ubuntu-mono-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/ubuntu-mono-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('font/ubuntu-mono-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('font/ubuntu-mono-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('font/ubuntu-mono-v14-latin-700italic.svg#UbuntuMono') format('svg'); /* Legacy iOS */ } * { box-sizing: border-box; } body { font-family: 'Ubuntu Mono'; background-color: #151515; color: #FF8F23; } a:link { color: #4FBAD5; } a:visited { color: #4FBAD5; } a:hover { color: #ffffff; } a:active { color: #ffffff; } div { max-width: 800px; margin: auto; border-style: double; border-width: 5px; margin-bottom: -2px; } p { margin-right: 20px; margin-left: 20px; } h1, h2, h3, h4 { margin-bottom: 0px; margin-right: 15px; margin-left: 15px; } ol { margin-left: 20px; margin-right: 20px; } table { width: 92%; border: 1px solid; border-collapse: collapse; margin-left: 20px; margin-right: 20px; } th, td { word-break: break-word; border: 1px solid; padding: 5px; margin-left: 20px; margin-right: 20px; } /* Create two equal columns that floats next to each other */ .column { float: left; width: 50%; padding: 10px; border-style: none; } .column img { margin-top: 12px; } .row { border-style: none; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; border-style: none; } .topnav { overflow: hidden; } .topnav a { margin-right: 15px; margin-left: 15px; }