*{
font-family: 'IBM Plex Mono', monospace;

}

body{
	margin-top: 2vw;
	margin-left:20vw;
	margin-right:20vw;
	background-color: #ffe1a4;
}

img{
	width:100%;
	border-radius: 5px;
}

img:hover {
	filter: grayscale(80%);
transition:all .5s ease;
 -webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
}

#title{
	text-align: center;
	color:#cc663e;
	font-size: 2vw;
}

#container{
	background-color: rgba(250,250,250,0.8);
	padding: 1vw;
	border-radius: 5px;
	margin-bottom: 5vh;
}


#description{
	font-size: 1.4vw;
	text-align: center;
	font-weight: 600;
}

#survey-form div{
	display: flex;
	flex-direction: flex;
}


.label {
  display: inline-flex;
  justify-content: flex-end;
  width: 40%;
  padding: 2vh;
  margin-top: 1vh;
  font-weight: 500;

}

.label2{
	text-align: right;
}
.right {
  display: inline-flex;
  text-align: left;
  width: 48%;
  vertical-align: middle;
}

.field {
  height: 4vh;
  width: 20vw;
  padding: 5px;
  margin: 10px;
  border: 1px solid silver;
  border-radius: 4px;
}

.dropdown{
  height: 5.5vh;
  width: 21.3vw;
  padding: 5px;
  margin: 10px;
  border: 1px solid silver;
  border-radius: 4px;
}

ul li{
	list-style: none;
}

ul li input{
	text-align: left;
	margin-left: -2vw;
}

#comments{
	width: 24vw;
	height: 5vh;
	border-radius:4px;
}

#submit{
	text-align: center;
	background-color: #cc663e;
	border-radius:4px;
	color: white;
	margin:auto;
	display: flex;
	flex-direction: flex;
	justify-content: center;
	padding: 0.7vw;
	width: 10vw;
	border: none;
	margin-top: 5vh;
	margin-bottom:5vh; 
}