charged_particle_sim.css

.frminp{
	border: none;
	color: black;
	border-radius: 0;
	outline: none;
	transition: all 200ms;
	background:none;
  width:70%;
	
}
.frminp:focus{
	border-bottom: 0.3em solid #222;
}

#frmgrd{
	display:flex;
	flex-direction: row;
	text-align:left;
 
	font-family: 'Hind', sans-serif;
  width:100%;
}
body{
	background-color: #fff;
	color: #0f0f13;
	height: 100%;
	width:100%;


}
#formm{
	border-radius:1em;
	background-color: white;
  display:inline-block;
  flex-direction:column;
  padding-bottom:2em;
  width:570px;
  text-align:center;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
#formm:hover{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

a{
	text-decoration: none;
	color: #0f0f13;
}
#rst{
	margin-top:0;
}
form{
	margin-top: 0;
	margin-bottom: 0;
}
.frminpparnt{
  display:flex;
  flex-direction:column;
  margin:0;
  padding:2em;
}
footer{
	background-color: #f0f0f0;
	margin-top: 1em;
	text-align: center;
	position: absolute;
    bottom: 0;
    padding-top: 1em;
    padding-bottom: 1em;
    width: 100%;
}

#btn{
	border:none;
	background:#000;
	color: #fff;
	border-radius:0.2em;
	padding:1em 2em 1em 2em;
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.5em;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);

}
#btn:active{
	box-shadow:none;
}
#renderport{
	margin:auto;
	border-radius: 5px;
	background-color: #0f0f13;
	padding:0px;
	width: 1220px;

}

h2{
  margin:0;
  padding:0;
}