*{
		margin:0;
		padding:0;
		font-family:"arial";
		font-size:1.2rem;
		color:Ivory;
	}
html{
		font-size:16px;
	}
@font-face{
	  font-family: auszeichnung;
	  src: url(font/DancingScript-VariableFont_wght.ttf);
	}
@font-face{
	  font-family: auszeichnung2;
	  src: url(font/PatuaOne-Regular.ttf);
	}
	
h2{
		font-size:2.5rem;
		font-family: auszeichnung;
		color:gold;
	}
h3{
		font-size:1.6rem;
		font-family: auszeichnung2;
		color:goldenrod;
	}
p{
		font-size:1.2rem;
	}
label+fieldset{
		display:none;
	}
body{
		background-color:LightSlateGray;
	}
header, main, footer{
		max-width:450px;
		background-color:MidnightBlue;
		padding:1vh 1vw;
	}
legend, fieldset{
		padding:1vh 1vw;
	}
label{
		margin-left:1vw;
	}
input[type=text], input[type=email]{
		width:80%;
		background-color:Navy;
		margin:1vh 1vw;
	}
input[type=checkbox]{
		background-color:Navy;
		margin:1vh 1vw;
	}
select{
		width:80%;
		background-color:Navy;
		margin:1vh 0;
	}
legend{
		font-family: auszeichnung2;
		color:goldenrod;
}

fieldset fieldset select{
		margin-left:1vw;
		width:20%;
}

button{
		background-color:Navy;
		margin:1vh 1vw;
		padding:.5vh 1vh;
		border-color:goldenrod;
		border-radius:1vw 1vh;
}
button:hover{
		color:goldenrod;
		cursor:pointer;
}
#feedback{
	display:none;
	border: 1px goldenrod solid;
	border-radius:2vw;
	width:80%;
	background-color:SeaGreen ;
	margin: 0 auto;
	padding: 2vh 2vw;
}
#feedback2{
	display:none;
	border: 1px goldenrod solid;
	border-radius:2vw;
	width:80%;
	background-color:Crimson;
	margin: 0 auto;
	padding: 2vh 2vw;
}
#feedback4{
	display:none;
	border: 1px goldenrod solid;
	border-radius:2vw;
	width:80%;
	background-color:Crimson;
	margin: 0 auto;
	padding: 2vh 2vw;
}