@import url('https://fonts.googleapis.com/css2?family=Cabin&family=Playfair+Display&family=Quintessential&display=swap');
* {
    box-sizing: border-box;
}
body {
    background:peru;
	background: url('background.jpg') no-repeat center fixed;     
    background-size: cover;
	font-family:'Quintessential', cursive, sans-serif;
}
div#main {
    background-image: linear-gradient(to right, #ffc3a0 0%, #ffafbd 100%);
	border: 2mm ridge #7c4505;
    margin-top:10rem;
    margin-left:3rem;
	padding:1rem;
	width:32%;
    height: 35%;
	position:static;
	top:12rem;
	left:3rem;
}
p{
	line-height:140%;
	font-size:110%;
    font-family: 'Playfair Display', cursive, sans-serif;
}
.button{
	border:3px solid rgb(255, 255, 255);
	background-color:rgb(100, 59, 6);
	color:white;
	padding:0.3rem;
	text-decoration:none;
}
.button:hover{
	border:3px inset #222;
}

form div{
	margin-bottom:1rem;
}
label{
	display:block;
	width:5.4rem;
	float:left;
	margin-top:0.3rem;
}
input {
    border:3px solid rgb(255, 255, 255);
	background-color:rgb(100, 59, 6);
	color:white;
	border-radius:5px;
	padding:0.2rem;
	font-family: 'Playfair Display', cursive, sans-serif;
	font-weight:bold;
	font-size:110%;
}
input[type=submit] {
	border:3px solid rgb(255, 255, 255);
	background-color:rgb(100, 59, 6);
	color:white;
	padding:0.3rem;
	text-decoration:none;
	cursor:pointer;
}
input[type=submit]:active {
	border:3px inset rgb(244, 245, 191);
}