@import url(./fonts.css);
@import url(./input.css);

html,body {
	background-color:	black;
	margin:						0px;
	padding:					0px;
	height:						100%;
	color:						white;
	font-family:			Courier New, Courier, monospace;
	font-size:				12px;
}


h1{
	color:						#F280A1
}
h2{
	color:						#F280A1;
	font-size:				2em;
}
h3{
	color:						#F280A1;
	font-size:				1.5em;
}
h4{
	color:						#F280A1;
}
h5{
	color:						#F280A1;
}
h6{
	color:						#F280A1;
}


::-webkit-scrollbar {
	display:					none;
}


a {
	text-decoration:	none;
	font-weight:			bold;
	color:						#F280A1;
}

a:hover {
	text-decoration:	underline;
}

ul {
	list-style-type:	none;
}

li {
	float:						left;
}

li a, .dropbtn {
	margin: 12px 16px;
	text-decoration: none;
	display:block;
	text-align: left;
}

li.dropdown {
	display:					inline-block;
}

.dropdown-content {
	display:					none;
	position:					absolute;
	background-color:	#100011;
	min-width:				160px;
	box-shadow:				0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:					1;
}

.dropdown-content a {
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.dropdown-content a:hover {background-color: #353535}

.dropdown:hover .dropdown-content {
	display: block;
}

table {
	font-size:				12px;
	border-collapse:	collapse;
}

th, td {
	padding:					3px;
}

tr.hover:hover {
	background-color: #100011;
}

#container {
	min-height:				100%;
	position:					relative;
}


.center{
	text-align:				center;
}

.header {
	padding:					10px;
}

@media only screen and (min-width: 600px) {
	/* For Tablets */
	#body {
		width:					auto;
	}
}

@media only screen and (min-width: 768px) {
	/* For Desktop */
	#body {
		width:					450px;
	}
}
#body {
	padding:					10px;
	padding-bottom:		50px;
	font-family:			Courier New,Courier,monospace;
	color:						#FFF;
	font-size:				12px;
	text-align:				left;
	margin:						auto;
}

.footer {
	display:					inline-block;
	position:					absolute;
	bottom:						0px;
	text-align:				center;
	background-color:	#F280A1;
	width:						100%;
	font-size:				12px;
	font-family:			Courier New,Courier, monospace;
	color:						black;
}

.load {
	display:					block;
	font-family:			"D14MI";
	text-shadow:			0 0 8px
}

.load .left {
	float:						left;
}

.load .right {
	float:						right;
}

.button {
	background-color:	black;
	color:						white;
	border:						2px solid white;
	padding:					12px 24px;
	text-align:				center;
	text-decoration:	none;
	display:					inline-block;
	font-size:				12px;
	margin:						4px 4px;
	-webkit-trasition-duration:	0.4s;
	transition-duration:	0.4s;
	cursor:						pointer;
}

.button:hover {
	background-color:	white;
	color:						black;
	text-decoration:	none;

}

.err {
	color:						#FF0000;
}

.success {
	color:						#00FF00;
}