+:root {
+ --border: #1c7282;
+ --page-bg: #061619;
+ --green-bg: #193818;
+ --green-border: #32821c;
+}
+
+input {
+ outline: none;
+}
+
+body {
+ background-color: var(--page-bg);
+ color: #fff;
+ margin: 50px auto 20px;
+ width: 1024px;
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: normal;
+ font-size: 16px;
+ background-image: url('/assets/bg/green_nebula_4.png');
+ background-blend-mode: soft-light;
+}
+hr {
+ border-color: var(--border);
+ margin-bottom: 1.2rem;
+}
+
+h1, h2, h3 {
+ text-transform: uppercase;
+ font-weight: 300;
+ line-height: 2.2rem;
+ border: solid 0 var(--border);
+ border-left-width: 6px;
+ border-bottom-width: 2px;
+ padding-left: 10px;
+ margin-top: 0;
+ color :#6ac9db;
+ text-shadow: 0 0 2px #6ac9db;
+}
+h1 {
+ font-size: 2.2rem;
+}
+h2 {
+ font-size: 1.7rem;
+}
+h3 {
+ font-size: 1.3rem;
+}
+table {
+ width: 100%;
+ margin-bottom: 2rem;
+ border-spacing: 0;
+ border: solid 1px var(--border);
+}
+tr:nth-child(odd) td, tr:nth-child(odd) th {
+ background-color: #0d2329;
+}
+th, td {
+ padding: 0.5rem;
+}
+p, form, ul, ol {
+ line-height: 1.3rem;
+ margin: 0 2rem 2rem 2rem;
+ flex: inherit;
+}
+
+label {
+ font-weight: bold;
+ margin-right: 5px;
+}
+
+button, .btn {
+ border: solid 1px var(--border);
+ background-color: #183238;
+ color: #fff;
+ font-size: 0.8rem;
+ cursor: pointer;
+ padding: 5px 5px 5px 25px;
+ text-transform: uppercase;
+ text-align: center;
+ font-weight: bold;
+ min-width: 150px;
+}
+button::after, .btn::after {
+ content: '\27EB';
+ float: right;
+ color: var(--border);
+}
+button.danger, .btn.danger {
+ background-color: #381818;
+ border-color: #821c1c;
+}
+button.danger::after, .btn.danger::after {
+ color: #821c1c
+}
+button.success, .btn.success {
+ background-color: var(--green-bg);
+ border-color: var(--green-border);
+}
+button.success::after, .btn.success::after{
+ color: #32821c;
+}
+button:active, .btn:active, button:hover, .btn:hover {
+ background-color: #1a444c;
+}
+button.success:active, .btn.success:active, button.success:hover, .btn.success:hover {
+ background-color: #1e4c1a;
+}
+
+input[type="text"], input[type="password"], input[type="number"] {
+ border: solid 1px var(--border);
+ background-color: #183238;
+ color: #fff;
+ font-size: 0.8rem;
+ cursor: pointer;
+ min-width: 120px;
+ padding: 5px;
+}
+
+a {
+ font-weight: bold;
+ color: #fff;
+ text-decoration: none;
+}
+a::before {
+ content: '\27EA';
+}
+a::after {
+ content: '\27EB';
+}
+footer {
+ text-align: center;
+ border-top: solid 1px var(--border);
+ padding-top: 1rem;
+ margin-top: 2rem;
+}
+
+.nav {
+ padding: 0;
+ margin: 0;
+}
+.nav li {
+ list-style: none;
+}
+.nav li a {
+ display: block;
+ padding: 10px 25px;
+}
+.nav li a:hover {
+ background-color: #0d2329;
+}
+.nav li a::before {
+ content: '';
+}
+.nav li a::after {
+ float: right;
+}
+
+/** Grid Stuff **/
+.row {
+ display: flex;
+}
+.col {
+ flex-grow: 1;
+ flex-basis: 50%;
+ margin-right: 5rem;
+}
+.col:last-child {
+ margin-right: 0;
+}
+.col p {
+ margin-right: 0;
+}
+
+/** Utility **/
+.right {
+ float: right;
+}
+.left {
+ float: left;
+}
+.clear {
+ clear: both;
+}
+.hidden {
+ display: none;
+}
+.text-right {
+ text-align: right;
+}
+.text-left {
+ text-align: left;
+}
+.text-center {
+ text-align: center;
+}
+
+/** CUSTOMIZATIONS **/
+form > div {
+ margin-bottom: 1rem;
+}
+.sidebar {
+ flex-basis: 100px;
+}
+.pane {
+ background-color: var(--page-bg);
+ padding: 1rem;
+ --aug-border-all: 1px;
+ --aug-border-bg: var(--border);
+}
+.nav {
+ margin-bottom: 1rem;
+}
+#main {
+ background-color: var(--page-bg);
+ padding: 1rem;
+ --aug-border-all: 1px;
+ --aug-border-bg: var(--border);
+}
+#corp-ads {
+ margin-top: 1rem;
+}
\ No newline at end of file