html {
	cursor: url('dogblog/img/leaf2.gif'), auto;
	}
	html a {
	cursor: url('dogblog/img/leaf1.gif'), auto;
	}

    body {
	font-family: "Simply Rounded";
	font-size: 1.3rem;
    background-color: #BBCF9D;
    }
    .background {
    background-image: url("dogblog/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;
    color: #442318;
	text-align: center;
	overflow-y: auto;
	overflow-x: hidden;
		p {
			padding-left:20%;
			padding-right: 20%;
		}
    }
	
    .pagedoll {
    width: 20%;
    max-width: 300px;
    aspect-ratio: 3/4.25;
    position: fixed;
    right: 0px;
    bottom:0px;
    }
	.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;
		}
		
		
@keyframes jello-horizontal-normal {0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scale3d(1, 1, 1);} }


.jello-horizontal-normal { 

    animation: jello-horizontal-normal 2s ease 0s infinite normal none; 
	font-size:20pt;
	
}