/* forked from style.css of ~.club */ /* {font-size:13pt;font-weight:normal;} */ .nobg { background: none; text-decoration: none; } table { border-collapse: collapse; } p { font-size: 19px; } td { border: 6px double darkorange; padding: 10px; } ol { margin-left: 1em; } * { box-sizing:border-box; } .nofooter { margin: 0; width: auto; } body { margin: 0 auto; padding: 15px; font-family: 'VT323', monospace; color: darkorange; word-wrap: break-word; height: 100vh; background-image: url('https://cdnb.artstation.com/p/assets/images/images/014/665/033/original/yargon-kerman-webp-net-gifmaker-39.gif'); background-size: cover; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } a { background: darkorange; color: #223; font-weight: bold; padding-right: 0.25em; } hr { border-color: darkorange; } .advisory { background: darkorange; color: #223; font-weight: bold; padding-right: 0.25em; } h1 { margin: 0; font-weight: bold; font-size: 42px; color: #000400; background: darkorange; } .advisory { -webkit-animation-name: blinker; -webkit-animation-duration: 8s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 8s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 8s; animation-timing-function: linear; animation-iteration-count: infinite; } .sourceCode { color:#06287e; } /* Style the navbar */ #navbar { overflow: hidden; background-color: darkorange; z-index: 99; position: fixed; top: 0; left: 0; width: 100%; } /* Navbar links */ #navbar a { float: left; display: block; color: black; text-align: center; padding: 14px; text-decoration: none; } /* Page content */ .content { padding-top: 30px; } input[type="text"], textarea { background-color: #333; color: darkorange; } div.alert-warning { background-color: darkred; } div.alert-success { background-color: darkgreen; } @-moz-keyframes blinker { 0% { opacity: 1; } 50% { opacity: 0.75; } 100% { opacity: 1; } } @-webkit-keyframes blinker { 0% { opacity: 1; } 50% { opacity: 0.75; } 100% { opacity: 1; } } @keyframes blinker { 0% { opacity: 1; } 50% { opacity: 0.75; } 100% { opacity: 1; } } /* Mobile */ @media (max-width: 768px) { td { display: block; } } .footer { text-align: center; } /* vietnamese */ @font-face { font-family: 'VT323'; font-style: normal; font-weight: 400; font-display: swap; src: local('VT323 Regular'), local('VT323-Regular'), url(vt323viet.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'VT323'; font-style: normal; font-weight: 400; font-display: swap; src: local('VT323 Regular'), local('VT323-Regular'), url(vt323latinext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'VT323'; font-style: normal; font-weight: 400; font-display: swap; src: local('VT323 Regular'), local('VT323-Regular'), url(vt323latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }