body {
 background-color:#e9ff00;
 color: #0020ff;
 font-family: Courier New;
 font-size: 1.3rem;
 font-weight:strong;
 margin:10px;
 }
 img {
	 display: block;
	 max-width: 100%;
}
 @font-face {
	 font-family: Courier New;
	 src: url("https://depthscore.neocities.org/fonts/cour.ttf");
}
@font-face {
	font-family: 0xNerd;
	src: url("https://depthscore.neocities.org/fonts/0xProtoNerdFontMono-Bold.ttf");
}
img {
	display:block;
	max-width:100%;
}
.ascii {
  max-width: 400px;
}
.hug {
	display:flex;
	flex-flow: row wrap;
	max-width: 1300px;
	float:left;

}
.main {
	border: .2rem #0020ff solid;
	border-style: dashed;
	max-width: 600px;
	
	

}
.login {
	background-color: #0020ff;
	color:#e9ff00;
	font-size: .7rem;
	max-width: 580px;
	padding: 5px 30px 30px 30px;
}
#pwd {
	background-color: #e9ff00;
	color: #0020ff;
}
#username {
	background-color: #e9ff00;
	color: #0020ff;
}
.inner {
	padding: 1rem;
}
.handleft {
	float:left;
	max-width:300px;
	padding: 90px 0px 0px 0px;
}
.hug2 {
	display:flex;
	flex-flow: row wrap;
	max-width: 1000px;
	float:left;
}
.infos {
	float:right;
	max-width: 650px;
	padding: 100px;


}
.order {
	display:flex;
	flex-flow: row wrap;
	max-width: 400px;
	
}
.flatbutton {
 background-color: #0020ff;
 color: #e9ff00;
 border: #e9ff00 solid 1rem;
 border-style: dashed;
 border-radius: 3rem;
 font-family: Courier New;
 padding: 5px;
 max-height: 300px;
}
.fatbutton {
 background-color: #0020ff;
 color: #e9ff00;
 border: #e9ff00 solid 1rem;
 border-style: dashed;
 border-radius: 3rem;
 font-family: Courier New;
 font-size: 15rem;
 padding: 5px;
float:right;
}
select {
 background-color: #0020ff;
 color: #e9ff00;
 border: #e9ff00 solid 1rem;
 border-style: dashed;
 border-radius: 3rem;
 font-family: Courier New;
 padding: 5px;
 max-height: 300px;
}