*{
	box-sizing: border-box;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
	-webkit-appearance: none;
	margin: 0;
}

@media only screen and (min-width:767px) and (max-width:992px){
	#body
	{
		height: 70%!important;
	}
}

@media only screen and (min-height: 1365px) and (max-height: 1367px){
	.col-lg-4
	{
		flex: 0 0 50%!important;
		max-width: 50%!important;
	}

	#body
	{
		height: 50%!important;
	}

}


body
{
	margin: 0;
	padding: 0;
	/*background-color: powderblue!important;*/
	background-image: linear-gradient(to bottom left, #8ac7db, #add8e6);
}


#head
{
	/*border: 2px solid white;*/
}

h1
{
	color: white;
}

#body
{
	/*background-color: lightgreen;*/
	background-image: linear-gradient(to bottom left, #65e765, #7bea7b);
	height: 80%;
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

select
{
	border-radius: 4px;
	height: 2.5em;
	padding: 2px 2px;
	font-family: verdana!important;
	font-size: 1em!important;
	color: white;
	background-color: black;
}

input
{
	border-style: none;
	border-radius: 4px;
	font-size: 1.25em!important;
	width: 16em;
}

input:focus
{
	outline: none;
}

button
{
	background-color: black;
	border-style: none;
	border-radius: 4px!important;
	color: white;
	font-size: 1.25em!important;
}

#output
{
	
}