body{

	margin: 2% ;

	background-color: #EBECEC;

	color: #0A64AA;

	font-size: 20px;

}

::placeholder {

	color: #EBECEC;

	opacity: 50%;

}

select {

	color: #EBECEC;

	background: #0A64AA;

	border-radius: 0;

	outline: none;

	height: 30px;

	font-size: 20px; 

}

select option:focus{

	background: #FF6600;

}

input {

	color: #EBECEC;

	background: #0A64AA;

	border-radius: 0;

	border: none;

	outline: none;

	height: 30px;

	font-size: 20px; 

}

p{

	margin: 5px;

}

h2 {

	text-align: center;

}

.nonelist {

	padding-bottom: 2%;

	border-bottom: 1px solid #0A64AA;

	text-align: center;

}

.nonelist li{

	list-style: none;

	display: inline-block;

	padding: 0 2%;

	width: 10%;

}

.nonelist li img {

	width: 100%;

	height: auto;

}

.form form {

	margin: 0 calc(20% - 2%);

}

.title_school {

	text-align: center;

}

.school {

	font-size: 20px;

	font-weight: bold;

}

.send {

	text-align: center;

}

.send input, button {

	background: #0A64AA;

	transition: all 0.3s ease-in-out;

	margin-top: 5%;

	width: 200px;

	height: 70px;

}

.send input:hover, button:hover {

	background-color: #FF6600;

	color: #EBECEC;

	transition: all 0.3s ease-in-out;

	cursor: pointer;

}

button a {

	color: #000;

	text-decoration: none;

}

.nonelist li:hover {
	background-color: #FF6600;
}