@charset "UTF-8";

.toptitle {
  width: 100%;
  font-size: 100px;
  text-align: center;
}

.questioncenterform {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.cp_iptxt {
	margin: 40px 3%;
}

.cp_iptxt input[type='number'] {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	padding: 0.1em;
	transition: 0.3s;
	letter-spacing: 1px;
	border: 4px solid #1b2538;
	border-radius: 4px;
}

.ef input[type='number']:focus {
	border: 4px solid #0095d9;
	outline: none;
}

.middletitle {
  width: 100%;
  font-size: 100px;
  text-align: center;
}

.answercenterform {
  width: 100%;
  font-weight: bold;
  text-align: center;
}

.answertext1 {
  width: 50%;
  margin: 25%;
  margin-top: 0%;
  margin-bottom: 10%;
  border: 5px solid green;
  border-radius: 5px;
  font-size: 30px;
  padding: 5px;
}

.answertext2 {
  width: 50%;
  margin: 25%;
  margin-top: 0%;
  margin-bottom: 10%;
  border: 5px solid blue;
  border-radius: 5px;
  font-size: 30px;
  padding: 5px;
}

.answertext3 {
  width: 50%;
  height: 250px;
  margin: 25%;
  margin-top: 0%;
  margin-bottom: 10%;
  border: 5px solid red;
  border-radius: 5px;
  font-size: 20px;
  padding: 5px;
  overflow: scroll;
}

.answertext4 {
  width: 50%;
  height: 250px;
  margin: 25%;
  margin-top: 0%;
  margin-bottom: 10%;
  border: 5px solid #fabf13;
  border-radius: 5px;
  font-size: 20px;
  padding: 5px;
  overflow: scroll;
}

.greenbutton {
  font-size: 20px;
  padding: 1px 10px;
  background-color: green;
  color: #fff;
  border-radius: 5px;
  border-style:  solid;
}

.greenbutton:hover {
  background-color: #3eb370;
  color: #fff;
}

.bluebutton {
  font-size: 20px;
  padding: 1px 10px;
  background-color: blue;
  color: #fff;
  border-radius: 5px;
  border-style:  solid;
}

.bluebutton:hover {
  background-color: #89c3eb;
  color: #fff;
}

.redbutton {
  font-size: 20px;
  padding: 1px 10px;
  background-color: red;
  color: #fff;
  border-radius: 5px;
  border-style:  solid;
}

.redbutton:hover {
  background-color: #f3a7a5;
  color: #fff;
}

.yellowbutton {
  font-size: 20px;
  padding: 1px 10px;
  background-color: #fabf13;
  color: #fff;
  border-radius: 5px;
  border-style:  solid;
}

.yellowbutton:hover {
  background-color: #fde0a5;
  color: #fff;
}

#primejudger1 {
  margin: 0px;
}

#primejudger2 {
  margin: 0px;
}