html, body {
				background-color: rgb(255, 240, 245);
				color: rgb(7, 54, 66);
				font-family: 'Source Serif Pro', serif;
				font-size: 25px;
				text-rendering: optimizeLegibility;
			}

			a {
				color: rgb(186, 85, 211);
				text-decoration: none;
			}

			a:hover {
				color: rgb(203, 75, 22);
				text-decoration: underline;
			}

			#body {
				margin-left: auto;
				margin-right: auto;
				max-width: 700px;
				padding-left: 20px;
				padding-right: 20px;
				padding-top: 70px;
				line-height: 1.3;
			}

			@media (max-width: 800px) {
				#body {
					padding-top: 20px;
				}
			}

			#body p {
				margin-bottom: 20px;
				margin-top: 20px;
				word-wrap: break-word;
			}

			.active,
			.collapse {
				color: rgb(186, 85, 211);
				background-color: rgb(255, 240, 245);
				text-decoration: none;
				border: none;
				outline: none;
				font-size: 25px;
			}
			
			.collapse:hover {
				color: rgb(203, 75, 22);
				text-decoration: underline;
			}

			.button {
				background-color: rgb(203, 75, 22);
				border: none;
				color: white;
				padding: 15px 32px;
				text-align: center;
				text-decoration: none;
				display: inline-block;
				font-size: 16px;
			}

			.text {
				margin-left: auto;
				margin-right: auto;
				max-width: 700px;
				padding-left: 20px;
				padding-right: 20px;
				padding-top: 20px;
				line-height: 1.3;
				font-size: 20px;
			}