body	{
	/* DEFAULT COLOR AND BACKGROUND SETTINGS */
	margin: 0;
	background-color: #0f0f0f;
	color: #ccc;
	font-family: "Share Tech", sans-serif;
	font-weight: 400;
	font-variant-ligatures: none;
	-webkit-font-smoothing: antialiased;
	}


/* FONT TYPES FOR EVERYTHING */
.ft-0	{ font-family: "unifont", monospace, serif; -webkit-font-smoothing: antialiased;}
.ft-1   { font-family: "Share Tech", sans-serif; }
.ft-2   { font-family: "Terminus", monospace, sans-serif; }
.ft-3   { font-family: "VT323", monospace, sans-serif; }


/* SOLID COLOR BACKGROUNDS */
/* .bg-0	{ background-color: #000000; color: #ccc; } .bg-0 p a	{ color: #fff; font-weight: bold;} */
.bg-0	{ background-color: #000000; color: #ccc; }
.bg-1	{ background-color: #ffffff; color: #000; }
.bg-2	{ background-color: #1abc9c; color: #000; }
.bg-3	{ background-color: #16a085; color: #fff; }
.bg-4	{ background-color: #2ecc71; color: #fff; }
.bg-5	{ background-color: #27ae60; color: #fff; }
.bg-6	{ background-color: #3498db; color: #fff; }
.bg-7	{ background-color: #2980b9; color: #fff; }
.bg-8	{ background-color: #9b59b6; color: #fff; }
.bg-9	{ background-color: #8e44ad; color: #fff; }
.bg-10	{ background-color: #3d566e; color: #fff; }
.bg-11	{ background-color: #2c3e50; color: #fff; }
.bg-12	{ background-color: #f1c40f; color: #000; }
.bg-13	{ background-color: #f39c12; color: #fff; }
.bg-14	{ background-color: #e67e22; color: #fff; }
.bg-15	{ background-color: #d35400; color: #000; }
.bg-16	{ background-color: #e74c3c; color: #fff; }
.bg-17	{ background-color: #c0392b; color: #fff; }
.bg-18	{ background-color: #ecf0f1; color: #000; }
.bg-19	{ background-color: #bdc3c7; color: #000; }
.bg-20	{ background-color: #95a5a6; color: #000; }
.bg-21	{ background-color: #7f8c8d; color: #fff; }
.bg-22	{ background-color: #02021pre2; color: #fff; }

.bg-30	{ background-color: #0f0f0f; color: #fff; }
.bg-31	{ background-color: #1b1b1b; color: #fff;	}
.bg-32	{ background-color: #333333; color: #fff;	}
.bg-33	{ background-color: #4c4c4c; color: #fff;	}
.bg-34	{ background-color: #666666; color: #fff;	}
.bg-35	{ background-color: #818181; color: #fff;	}
.bg-36	{ background-color: #999999; color: #fff;	}
.bg-37	{ background-color: #b4b4b4; color: #000;	}
.bg-38	{ background-color: #cccccc; color: #000;	}
.bg-39	{ background-color: #e7e7e7; color: #000;	}

.bgx-0	{ background-image: radial-gradient(circle,#EE1E1B 0%,#960000 99.24%); color: #fff; }
.bgx-1	{ background-image: radial-gradient(circle at 47% 9%, #3e825f, #1a4172); color: #fff; }
.bgx-2	{ background-image: linear-gradient(-180deg,#816BF9 0%,#000000 100%); color: #fff; }
.bgx-3	{ background-image: radial-gradient(circle at 47% 9%,#414141,#000000); color: #fff; }
.bgx-4	{ background-image: radial-gradient(circle,#1280e1 0%,#002069 100%); color: #fff; }
.bgx-5	{ background-color: #d2d2d2; background-image: linear-gradient(11deg,#F9F4F8 51%,#6EB4EB 100%); }
.bgx-6	{ background-color: #1fb7ff; background-image: linear-gradient(-180deg,#35F2FE 0%,#0068CC 78%); }
.bgx-7	{ background-color: #f3f3f3; }
.bgx-8	{ background-image: radial-gradient(circle,#3E526A 0%,#02203C 100%); color: #fff; }
.bgx-9	{ background-image: radial-gradient(circle,#FFBF00 0%,#F88E00 100%); }
.bgx-10	{ background-image: linear-gradient(45deg,#D04D6F 0%,#413b54 100%); }
.bdr-1	{ border: 2px solid #000; }
.bgx-11	{ background-image: radial-gradient(circle,#F88E00 10%,#000000 100%); color: #fff; }



.bg-main   {
    background-color: #0f0f0f;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    
    color: #fff;
}

btn a	{ color: #fff; }

/* FOOTER SPECIFICS */
footer		{ background-color: #000000; color: #999; }
footer a	{ color: #f90; }
footer a:hover	{ text-decoration: none; color: #fff; }
footer p	{ font-size: 13px; margin-bottom: 4px; line-height: 1; }
footer h1, footer h2	{
	color: #fff;
	margin-bottom: 5px;
	padding-top: 8px;
	text-transform: uppercase;
	}
footer h1	{ font-size: 18px; font-weight: 600; }
footer h2	{ font-size: 13px;  font-weight: 400; margin-bottom: 4px; }
footer .copy	{ color: #999; font-size: 10px;}


.sponsor-uber {
    max-width: 800px;
    max-height: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
}

.sponsor-gold {
    max-width: 600px;
    max-height: 150px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
}

.sponsor-silver {
    max-width: 400px;
    max-height: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
}

.sponsor-bronze {
    max-width: 200px;
    max-height: 75px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
}

a {
    color: #7b89b5;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

pre {
    color: white;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */

}

.navbar-dark .navbar-toggler-icon {
    background-image: url("../images/sc-dropdown2.svg");
}


.display-3 {
    text-align: left;
    
}

.Gold {
    color:#fca903;
}

.Silver {
    color:#aba598;
}
.Bronze {
    color:#a37500;
}

.dropdown-backdrop {
    position: static;
}

@media screen and (min-width: 768px) {
    .boot
    {	
	font-size: 30px;
    }
    .boot-small
    {	
	font-size: 22px;
    }
    .cmd div {
	font-size: 30px !important;
    }
}
@media screen and (max-width: 767px) {
    .boot
    {
	font-size: 15px;
    }
    .boot-small
    {	
	font-size: 10px;
    }
    .cmd div {
	font-size: 15px !important;
    }
}

a.boot:link {
    color: white;
    text-decoration: underline;
}

a.boot:visited {
    color: white;
    text-decoration: underline;
}

a.boot:hover {
    color: grey;
    text-decoration: underline;
}

a.boot:active {
    color: white;
    text-decoration: underline;
}

.bootloader {
    position:relative;
    top: 0px;
}

.osboot {
    position:absolute;
    top: 0px;
}

.screen {
    height: 80vh;
}

.display {
    border:none;
    height: 95vh;
    width: 100%;
    overflow: hidden;
}