body{
	background: #3F4E65;
	background: radial-gradient(circle,rgba(63, 78, 101, 1) 0%, rgba(19, 20, 24, 1) 100%);
	min-height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  filter: drop-shadow(15px 15px 20px #0000006b);
}

h1, h2, h3{
	color: #f8e660;
  font-family:blambot;
}

@font-face {
  font-family: blambot; /* set name */
  src: url(blambotpro.ttf); /* url of the font */
}

.commandBox{
	background-color: #B29C6E;
  padding: 5px;
  border-radius: 15px;
  width: 600px;
  max-width: calc(100vw - 50px);
}

#commandBody{
	background-color: rgb(234, 220, 191);
	overflow: hidden;
  border-radius: 15px;
  margin-block: 5px;
}

#command{
	width: 100%;
  height: 170px;
  background: none;
  resize: none;
  padding: 5px;
  font-style: italic;
  border: none;
  padding: 10px;
  padding-bottom: 60px;
}

#name, label[for="name"]{
	font-weight: bold;
	font-size: 100%;
}

#name{
	text-align: center;
	background: none;
}

form{
  margin:0;
}

.button:hover {
 scale:1.1;
  image-rendering: crisp-edges;
}

#options {
  font-size: 2em;
  color: yellow;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 90%;
  margin: auto;
}

#submissionForm{
	position:relative;
}

input[type="image"]{
	position:absolute;
	right:0px;
	bottom:0px;
	translate: 33% 33%;
}

#backButton{
	position:absolute;
	left:0px;
	bottom:0px;
	translate: -33% 33%;
}

h2 {
  font-size: 3.5em;
  margin-bottom: 0;
}

a:visited{
  color: unset;
}