3 --blended-border: #073b44;
6 --green-border: #32821c;
16 background-color: var(--page-bg);
20 font-family: 'Roboto Condensed', sans-serif;
23 background-image: url('/assets/bg/green_nebula_4.png');
24 background-blend-mode: soft-light;
27 border-color: var(--border);
28 margin-bottom: 1.2rem;
32 text-transform: uppercase;
35 border: solid 0 var(--border);
36 border-left-width: 6px;
37 border-bottom-width: 2px;
41 text-shadow: 0 0 2px #6ac9db;
56 border: solid 1px var(--border);
58 tr:nth-child(odd) td, tr:nth-child(odd) th {
59 background-color: #0d2329;
66 margin: 0 2rem 2rem 2rem;
76 border: solid 1px var(--border);
77 background-color: #183238;
81 padding: 5px 5px 5px 25px;
82 text-transform: uppercase;
87 button::after, .btn::after {
93 background-color: var(--red-bg);
94 border-color: var(--red-border);
100 color: var(--red-border);
103 color: var(--green-border);
106 background-color: var(--green-bg);
107 border-color: var(--green-border);
112 button:active, .btn:active, button:hover, .btn:hover {
113 background-color: #1a444c;
115 button.success:active, .btn.success:active, button.success:hover, .btn.success:hover {
116 background-color: #1e4c1a;
119 input[type="text"], input[type="password"], input[type="number"] {
120 border: solid 1px var(--border);
121 background-color: #183238;
132 text-decoration: none;
142 border-top: solid 1px var(--border);
153 justify-content: space-evenly;
159 display: inline-flex;
165 background-color: var(--border);
176 margin-bottom: 1.2rem;
220 /** CUSTOMIZATIONS **/
228 background-color: var(--page-bg);
230 --aug-border-all: 1px;
231 --aug-border-bg: var(--border);
234 background-color: var(--page-bg);
236 --aug-border-all: 1px;
237 --aug-border-bg: var(--border);
245 --aug-border-all: 1px;
246 --aug-border-bg: var(--border);
247 background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(28,114,130,0.5) 100%);
250 border-bottom: solid 1px var(--blended-border);
255 border: solid 0 var(--border);
256 border-left-width: 1px;
258 background-color: var(--page-bg);
259 justify-content: space-evenly;
263 display: inline-block;
267 --aug-border-all: 1px;
268 --aug-border-bg: var(--border);
269 display: inline-block;
273 background-color: #0d2329;
284 background: transparent;
285 border: solid 1px #000;
287 #overworld-map td div {
293 #overworld-map td div.city {
296 #overworld-map td div.city.yours {
297 border: solid 1px var(--green-border);
299 #overworld-map td div.city.yours img {
302 #overworld-map td div.city.others {
303 border: solid 1px var(--red-border);
305 #overworld-map td div.city.others img {
309 #overworld-map .grid-numbers {
317 #sector-selector select {
324 justify-content: flex-start;
326 .cost-display > div {
329 .rate-of-change.success-text::before {
332 .rate-of-change.danger::before {