html{
	margin:0px;
	padding:0px;
	height:100%;
	Font-Family:arial;
}

body{
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
}

.flex-container{
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;
  display:flex;
  display: -webkit-flex;
  webkit-flex-direction:row;
  flex-direction:row;
  justify-content:flex-start;
}

.title{
	background:#2b2b2b;
	box-shadow: 0px 0px 4px 4px rgba(0,0,0,.3);
}


#name{
flex:0 0 auto;
font-Size:5rem;
padding:40px 20px 40px 20px;
border-top: 1px solid rgba(255,255,255,.1);
border-right: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(0,0,0,.4);
border-left: 1px solid rgba(0,0,0,.4);
}

#contact-info{
flex:0 0 auto;
padding:20px;
border-top: 1px solid rgba(255,255,255,.1);
border-right: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(0,0,0,.4);
border-left: 1px solid rgba(0,0,0,.4);
}
#contact-info p{
	margin:0px;
}

a{
color:#2e6ca3;
}

a:hover{
color:#6692b8;
}

h1{
margin:0px;
}

hr{
color:#1b1b1b;
}

.title{
	font-size:4rem;
	text-align:center;
	color:#F2F0EE;
	background-color:#2b2b2b;
	position:relative;
	top:0px;
	left:0px;
	padding:20px;
}

.side-bar{
	height:100%;
	display:flex;
	flex-direction:column;
	flex:0 0 auto;
	width:300px;
	text-align:center;
	height:100%;
	margin:0px;
	background-color:#1b1b1b;
	color:#F2F0EE;
	padding:0px;
}

.main-content{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	flex:1;
	color:#1b1b1b;
	background-color:#F2F0EE;
	height:100%;
	padding:0px;
	overflow-y:scroll;
}

.main-content hr{
	color:#000000;
	height:10px;
}

button{
flex:0 0 auto;
font-size:2rem;
padding:8px;
background-color:#1b1b1b;
color:#F2F0EE;
width:100%;
border-top: 1px solid rgba(255,255,255,.1);
border-right: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(0,0,0,.4);
border-left: 1px solid rgba(0,0,0,.4);
}

button:hover{
background-color:#2b2b2b;
color:#FFFFFF;
}

.sidebar-bottom{
padding:20px;
flex:1 1 auto;
border-top: 1px solid rgba(255,255,255,.1);
border-right: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(0,0,0,.4);
border-left: 1px solid rgba(0,0,0,.4);
}

.sidebar-bottom p{
margin: 0px;
}

input #romFileInput{
	flex:1;
	max-width:50%;
}

.btn-primary{
	color:#F2F0EE;
	border-radius:0px;
	background-color:#1b1b1b;
}

.btn-primary:hover{
background-color:#2b2b2b;
color:#FFFFFF;
}

.btn-primary:active{
background-color:#2b2b2b;
color:#FFFFFF;
}

.screen-container{
	flex:1;
	padding:0px;
  height:80%;
	width:100%;
  background-color:#000000;
}
.screen-container p{
	font-family:Joystix;
	z-index:-50;
}

#screen{
	display:block;
	margin:auto;
	background-size:cover;
  height:100%;
}

#reset-button{
	display:none;
}

h3{
  margin-top:0px;
  margin-bottom:20px;
}