html {
	cursor: url('img/leaf2.gif'), auto;
	}
	html a {
	cursor: url('img/leaf1.gif'), auto;
	}
    body {
	font-family: "Simply Rounded";
    background-color: #9d94a5;
	font-size:1.3rem;
    }
    .background {
    background-image: url("halloween/halloweenbg.jpg");
    width: 100%;
    height: 100%;
    left: 0px; right: 0px; top: 0px; bottom: 0px;
    position: fixed;
    }
    .header {
    width: 70%;
    margin: auto;
    text-align: left;
    }
    .container {
	background-color: #ffd898;
    border: 5px solid #442318;
    border-radius: 25px;
    width: 60%;
    aspect-ratio: 9/5;
    margin: auto;
    display: flex;
    color: #442318;
    }
    .side {
    flex-grow: 1;
    background-color: #9d94a5;
    overflow-y: auto;
    max-width: 20%; 
    border-radius: 20px 0px 0px 20px;
    }
    .main {
	text-align: center; text-indent: 0px;
    flex-grow: 5;
    background-color: #ffd898;
    overflow-y: auto;
    max-width: 80%;
    border-radius: 0px 20px 20px 0px;
    padding-left: 10px;
    padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
		a {
		color: #442318;
		}
		a:hover {
		color: #9d94a5;
		}
		h1 {
		text-indent: 0px;
		}
		h2 {
		text-indent: 0px;
		}
    }
    .pagedoll {
    width: 20%;
    max-width: 300px;
    aspect-ratio: 3/4.25;
    position: fixed;
    right: 0px;
    bottom:0px;
    }
	.leftpagedoll {
    width: 20%;
    max-width: 300px;
    position: fixed;
    left: -1%;
    bottom:5%;
	text-align: center;
    }
	.button {
	width: max-content;
	margin-top: 10px;
	margin-bottom:10px;
	border: 5px solid #442318;
    border-radius: 25px;
	background-color: #ffd898;
	color: #442318;
	padding: 5px 10px 5px 10px;
		a {
		color: #442318;
		text-decoration: none;
		}
	}
	.button:hover {
		background-color: #E3C58E;
		}