/* CSS */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,700;1,300&display=swap');
*
{
	margin: 0; 
	padding: 0; 
	list-style: none; 
	font-family: 'Roboto Condensed', sans-serif; 
	font-weight: 700;
	font-size: 20px
}
body {display: flex; justify-content: space-around; background-image: url(../img/wavy.png);}
main
{
	display: flex;
	justify-content: space-around;
	background-image: url(../img/leaves.png);
	width: 75%;
	min-height: 790px;
}
form{background-color: #1fc0cd; font-size: 20px;}
input, form p, select{margin: 10px 0 10px 10px}
form p {margin-top: 15px;}
div > p {margin: 15px 0;}
h1{text-align: center; margin: 30px; font-size: 34px;}
div.center-content{display: flex; justify-content: space-around;}
main > div{margin: 0 10%;}
input[type='submit']
{
	color: white; 
	background-color: black;
	padding: 5px 10px;
	margin: 10px 5px;
	font-size: 20px;
}
@media (max-width: 900px)
{
	main{width: 100%;}
	*{font-size: 18px;}
	h1{font-size: 25px;}
}