body{
	font-family: monospace;
	background: #0e0e0e;
	font-size: 1.5em;
	word-break: break-word;
	color: #3ee77b;
}

a {
	color: #c6f8d8;
}
main{
	width: 40%;
	margin: 4em 0em 0em 4em;
	background: #282828;
	padding: 2em;
	filter: drop-shadow(10px 10px 0px #403f3f);
}
button, input, textarea {
	color: #3ee77b;
	border: 1px solid black;
	background: #282828;
}

button:focus, input:focus, textarea:focus {
	color: #3ee77b;
	border-color:black;
	background: #282828;
}

input, textarea {
  margin: 10px 0;
  width: 50%;
  height: 2em;
  font-family: monospace;
}
textarea{
  height: 10em;
  width: 80%;
}
input, textarea{
 color:#3EE77B;
 background-image:none;
 border:1px solid #414141;
 border-radius:2;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
input:focus, textarea:focus {
 border-color:#99f2b9;
 outline:0;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(153,242,185,.6);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(153,242,185,.6)
}
button{
	background:#fff;
  font-family: monospace;
}
pre{
	overflow: auto;
}
@media (pointer:coarse) {
	main{
		width: 70%;
		font-size: 1em;
		filter:none;
		margin:auto;
	}

}