@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');

body {
	background-color: black;
	font-family: 'Source Code Pro', monospace;
	color: #00FF41;
	font-size: 18px;
}

a {
	color: #00FF41;
}

h1 {
	font-size: 35px;
	padding-bottom: .25em;
	font-weight: normal;
	margin: 0;
	text-align: center;
}

h2 {
	font-size: 25px;
	font-weight: normal;
	margin: 0;
	text-align: center;
}

hr {
	border-color: #00FF41;
	margin-top: 1em;
	margin-bottom: 1em;
}

img {
	max-width: 50%; 
}

.center {
	text-align: center;
	margin: 10px auto 0 auto;
}

.media {
	vertical-align: text-bottom;
	text-decoration: none;
}

.column {
	width: 600px;
	height: 40px;
	outline: 1px solid #00FF41;
}

.cell {
	float: left;
	width: 40px;
	height: 40px;
	outline: 1px solid #00FF41;
}

.cardViewerWrapper {
	width: 100%;
}

.cardSectionWrapper {
	width: 100%;
	margin-bottom: 20px;
}

.newCardWrapper {
	width: 100%;
	margin-top: 75px;
}

.cardPreviewer {
	width: 100%;
	outline: 1px solid gray;
	background-color: white;
	color: black;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	padding: 3px;
}

#cardViewer {
	width: 100%;
	max-width: 800px;
	outline: 1px solid gray;
	background-color: white;
	color: black;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	padding: 3px;
	margin: 0 auto;
}

#newCard {
	
}

#tools {
	text-align: center;
}


#lvlName {
	background-color: black;
	border: 1px solid #00FF41;
	color: #00FF41;
	font-family: 'Source Code Pro', monospace;
}

#levelSpace {
	margin: 15px auto 0px auto;
	width: 600px;
	height: 600px;
	outline: 2px solid #00FF41;
}

#terminalInput {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: black;
	border-color: black;
	opacity: 0;
	overflow: hidden;
	cursor: default;
	color: transparent;
  	text-shadow: 0 0 0 #2196f3;
}

#terminalHolder {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: black;
	border-color: black;
	opacity: 0;
	overflow: hidden;
	cursor: default;
}

#intro {
	height: 100%;
	overflow: hidden;
	z-index: 2;
}

#bigname {

}

#footer {
	position: fixed;
	width: 100%;
	padding-bottom: 15px;
	bottom: 0px;
	margin: 0 auto;
	background-color: black;
	text-align: center;
}

#navigation {

}

#back {
	font-size: 15px;
}

#main {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 37px;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 850px;
	text-align: justify;
}

#cardsBody {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 37px;
	padding-left: 20px;
	padding-right: 20px;

	text-align: justify;
}