@media only screen and (min-width: 0px) {
	#mainpage {
	width: 100%;
	margin-left: 0%;
}
.input {
	width: 90%;
}
.date {
	width: 40%;
}
.prompt {
	width: 90%;
}
.textarea {
	width: 90%;
}
}
@media only screen and (min-width: 600px) {
	#mainpage {
	width: 75%;
	margin-left: 12.5%;
}
.input {
	width: 50%;
}
.date {
	width: 40%;
}
.prompt {
	width: 75%;
}
.textarea {
	width: 75%;
}
}
@media only screen and (min-width: 1100px) {
	#mainpage {
	width: 75%;
	margin-left: 12.5%;
}
.input {
	width: 30%;
}
.date {
	width: 20%;
}
.prompt {
	width: 50%;
}
.textarea {
	width: 50%;
}
}
.field {
	font-family: myBatang;
	line-height: 2.0;
	font-size: 16pt;
}
.input {
	height: 30px;
	border-radius: 12px;
	font-size: 16pt;
}
.date {
	height: 30px;
	border-radius: 12px;
	font-size: 16pt;
}
.prompt {
	background-color: yellow; 
	margin-left: auto; 
	margin-right: auto;
	border-radius: 12px;
	border: 1px;
}
.textarea {
	font-size: 16pt;
}