OctoSpaccHub/public/Assets/CSS/Dark.css

@import url("Font_F25_Bank_Printer.css");

A {
	Color: #17C3EA;
}
A:Active {
	Color: #0B69BC;
}
A:Hover {
	Background: #101060;
	Color: #E9FFEE;
}

Body {
	background-image: url("https://octospacc.gitlab.io/Web-ThirdParty-Unknown/Assets/Media/Backgrounds/0.gif");
	background-size: cover;
	margin: 0;
	height: 100%;
	width: 100%;
	color: #F0F0FF;
}

.NoSelect, .Footer {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	User-Select: none;
}

.InlineDiv > * {
	display: inline-block;
	margin: 32px;
}

#ConfettiCanvas {
	Position: Relative;
	Top: 0;
	Left: 0;
	Width: 100%;
	Height: 100%;
	Z-Index: 2;
}

.Content {
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
	overflow-x: hidden;
	padding-top: 5%;
	padding-bottom: 5%;
}

#Links > Div {
	Max-Width: Fit-Content;
	Margin: Auto;
	Padding: 16px;
	Background-Color: RGBA(16,16,16,0.8);
}

.TopBar {
	position: absolute !important;
	left: 0;
	top: 0;
	padding: 8px;
	/* width: 100%; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Footer {
	Background-Color: RGBA(36, 36, 36, 0.8);
	Position: Fixed;
	Display: Flex;    
	Flex-Direction: Row;
	Justify-Content: Space-Between;
	Bottom: 0px;
	Width: 100vw;
	Padding-Top: 2px;
	Padding-Bottom: 2px;
	Padding-Left: 6px;
	Padding-Right: 6px;
	Text-Align: Center;
	Overflow-X: Scroll;
	Overflow-Y: Hidden;
	White-Space: NoWrap;
	Z-Index: 1;
}
.Footer > .FooterRight { Margin-Right: 12px; }

#AgeDiv { Padding: 16px; }