html {
			scrollbar-width: thin;
		}


            
            body {
                font-family: 'Beth Ellen', cursive;
                overflow-x: hidden;
                font-weight: 300;
                font-style: normal;
                font-size: 15px;
                line-height:1.2rem;
                margin: 20;
                background-color: #08031a;
                /* you can delete the line below if you'd prefer to not use an image */
                color: #DED8A9;
                background-image: var(--body-bg-image);
                background-image: url('https://images.unsplash.com/photo-1608677574174-c1470c660256?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
                background-size: cover;
            }

            
		
		.content {
			width: 480px;
			height: 590px;
			display: inline-block;
			position: relative;
		}

		.sidebar {
			display: inline-block;
			vertical-align: top;
		}

		.bird {
			width: 120px;
			margin: 20px;
		}

		iframe {
			border: 0px;
			width: 405px;
			height: 520px;
			margin: 0px;
			margin-top: -10px;
			margin-right:600px;

		}

		.menu {
			font-family: 'Beth Ellen', cursive;
			font-weight: 400;
			font-style: normal;
			margin-right: -35px;
		}

		.menu a {
			color: inherit;
			text-decoration: none;
			display: inline-block;
			color: #000;
		}

		.menu a:hover {
			text-decoration: underline;
		}

		.title {
			font-family: 'Beth Ellen', cursive;
			font-size: 20px;
			color: #000;
			margin-top: 22px;
			top: -18px;
			margin-right:150px;
			padding: 0 42px;
			position: relative;
			border-radius: 4px;
		}

		.wrapper {
			text-align: center;
			position: relative;
			width: 660px;
			margin: auto;
			margin-top: 120px;
		}

		.tulips img {
			width: 40px;
		}
		.tulips {
			position: absolute;
			bottom: 15px;
			right: -7px;
			z-index: -1;
			opacity: 0.5;
			filter: sepia(0.5) blur(0.5px);
		}
            

h1 {
	font-family: 'Beth Ellen', cursive;
	font-weight: normal;
	font-size:140%;
	position: relative;
	border-bottom: 3px double brown;
}

h2 {
	font-family: 'Beth Ellen', cursive;
	font-size:120%;
	font-weight: normal;
	border-bottom: 1px dotted #a52a2a;
	margin-top: 1.5rem;
}

img {
	max-width: 100%;
}

a {
	color: brown;
}

.sepia {
	transition: all 0.3s;
	filter: sepia(0.6) contrast(0.7);
}

.sepia:hover {
	filter: unset;
}

.width-50 {
	max-width: 50%;
}

img {
	border-radius: 4px;
}

table {
	border-collapse: collapse;
}

th, td {
	padding: 6px 12px;
    vertical-align: top;
}

th {
	background: #e6dbc4;
}

.width-50 {
    width: 50%;
}