li {
        line-height: 1.5;
        font-size: 1.25rem;
        max-width: 700px;
        margin: 1rem 0;
    }
body {
				margin: 0;
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
			}
			* {
				box-sizing: border-box;
			}
			.menu-content-container {
				display: flex;
				gap: 0.5rem;
				min-height: 100vh;
				justify-content: stretch;
			}
			.nav {
				width: 19rem;
				display: flex;
				flex-direction: column;
				background-color: white;
				box-shadow: 1px 0 2px rgba(0,0,0,0);
				transition: background-color 0.2s, box-shadow 0.2s;
				flex-shrink: 0;
				max-height: 100%;
				overflow-y: auto;
				padding-bottom: 3rem;
			}
			.nav:hover, .show:checked + .nav {
				background-color: rgb(250,250,250);
				box-shadow: 1px 0 2px rgba(0,0,0,0.2);
			}
			.nav .logo {
				object-fit: cover;
				width: 100%;
				height: 350px;
				object-position: bottom right;
				margin-bottom: -3.5rem;
			}
			.nav a {
				font-size: 1.2rem;
				text-decoration: none;
				padding: 1.25rem 3rem 1rem;
				background: rgba(53,81,208,0);
				border-bottom: 1px solid rgba(53,81,208, 0);
				color: rgb(53,81,208);
				transition: background-color 0.2s, border-color 0.2s;
			}
			.nav a:active, .nav a:hover, .nav a:focus {
				background: rgba(53,81,208,0.05);
				border-bottom: 1px solid rgb(53,81,208);
			}
			.handwriting {
				font-family: 'Gloria Hallelujah', sans-serif;
			}
			main {
				padding: 1rem;
				padding-top: 3rem;
			}
			.nav-toggle {
				display: none;
				background-color: rgb(250,250,250);
				box-shadow: 1px 0 2px rgba(0,0,0,0.2);
				padding: 0.5rem 1rem;
				white-space: nowrap;
				cursor: pointer;
				transform: translateY(0);
				transition: transform 0.5s;
			}
			.nav-toggle::before {
				content: 'Show menu';
			}
			.show {
				display: none;
			}

			ul, p {
				max-width: 850px;
			}
			

			@media (max-width: 800px) {
				.nav-toggle {
					display: block;
					position: fixed;
					top: 1rem;
					z-index: 100;
				}
				.nav {
					position: fixed;
					left: 0;
					top: 0;
					bottom: 0;
					transform: translateX(-19rem);
					transition: transform 0.5s;
					z-index: 100;
				}
				.show:checked + .nav {
					transform: translateX(0);
				}
				.show:checked + .nav + .nav-toggle {
					transform: translateX(calc(18.9rem - 100% + 3px));
				}
				.show:checked + .nav + .nav-toggle::before {
					content: 'Hide menu';
				}
			}