@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');

.customHeight{
    height:40vh;
}

body{
	width:100%;
	background-image: url("../photos/nature-wallpaper-g85eeccb7f_1920.jpg");
    background-size: cover;
    background-attachment: fixed;
	background-position: bottom;
	border-style: solid;
	border-width: 10px;
	border-color: white;
	box-shadow: 10px 10px 15px white;
	font-family: 'Berkshire Swash', cursive;
}

#headerContent{
	border-style: solid;
	border-color: white;
	border-width: 2px;
	box-shadow: 10px 10px 15px white;
	background-color: rgba(107,160,156,0.84);
}

#questions{
	background-color: rgba(107,160,156,0.84);
	padding: 25px 50px;
	border-style: solid;
	border-color: white;
	border-width: 2px;
	box-shadow: 10px 10px 15px white;
}

#output{
	background-color: rgba(107,160,156,0.84);
	border-style: solid;
	border-color: white;
	border-width: 2px;
	box-shadow: 10px 10px 15px white;
}

#button{
	outline: solid;
	outline-color: white;
}

#endpage{
	margin-bottom: 50px;
}