/*reset*/
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6,main,section,aside{
	margin:0;
	padding:0
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal
}ul{
	list-style:none
}
button,input,select{
	margin:0
}
html{
	box-sizing:border-box
}
*,*::before,*::after{
	box-sizing:inherit
}
img,video{
	height:auto;
	max-width:100%
}
iframe{
	border:0
}
table{
	border-collapse:collapse;
	border-spacing:0
}
td,th{
	padding:0;
}
/*styling*/
html{
	font-family: sans-serif;
	background-color: white;
}
main{
	padding:0.5rem;
}
nav{
	padding:0.5rem;
}
button{
	border:none;
	border-radius:0.5rem;	
	box-shadow: none;
	outline: none;
	padding:0.5rem 1rem 0.5rem 1rem;
	margin:0.2rem 0 0 0;
}
nav button{
	background-color:#18dfd2ff;
}
main{
	padding:0.5rem;
}
main button{
	background-color:#50f2f2ff;
}
table{
	border-collapse:collapse;
	border-radius:0.5rem;
	overflow: hidden;
	margin-bottom:1rem;
}
table caption{
	margin:0rem 0 0.5rem 0;
	text-align: left;
	background-color:#ffaa00ff;
	padding:0.5rem;
	border-radius:0.5rem;
}
table caption select{
	margin:0 1rem 0 0.2rem;
}
table thead,tfoot {
	background-color:#0000ffff;
	color:white;
}
table tbody tr:nth-child(even){
	background-color:#eaeaeaff;
}
table tbody tr:nth-child(odd){
	background-color:#d8d8d8ff;
}
table td,table th{
	padding:0.2rem 0.5rem;
	border:0.1rem solid white;
}
form div{
	width:30rem;
	max-width:95%;
	border:0.1rem solid black;
	border-radius:0.5rem;
	padding:0.5rem;
	margin:1rem 0;
	position:relative;
}
form label,form img{
	display:inline;
	position:absolute;
	left:1rem;
	top:-0.7rem;
	background-color:#ffff7fff;
	border-radius: 0.5rem;
	padding:0.2rem 0.3rem;
}
form input,form div select{
	margin:0.7rem 0.5rem 0.2rem 0.5rem;
	width:calc(100% - 1rem);
	outline: none;
	border:none;
	
}
form input:invalid{
	border-bottom:0.1rem solid red;
}
form input:valid{
	border-bottom:0.1rem solid green;
}
form input:valid:focus,form select:valid:focus{
	outline:0.1rem solid green;
	border-bottom:none;
}
form input:invalid:focus,form select:invalid:focus{
	outline:0.1rem solid red;
	border-bottom:none;
}
form input[type="submit"]{
	height:2rem;
	margin:0.1rem 0.5rem 0.1rem 0.5rem;
}
form input[type="checkbox"],form input[type="radio"]{
	width:1rem;
}
form input[type="checkbox"]+label,form input[type="radio"]+label{
	position:relative;
	top:0;
	left:0;
	background-color: inherit;
	margin-right:1rem;
}