/* style.css */
html, body {
	height: 99%;
}

body {
	font-family: Arial, sans-serif; /* Sets Arial as the primary font, with sans-serif as a fallback */
	margin: 10px;
}

h1 {
	font-family: "Times New Roman", serif; /* Sets Times New Roman for h1 elements */
	font-size: 40px;
}

.custom-text {
	font-family: "Courier New", monospace; /* Styles elements with the class 'custom-text' */
}

/* I wanna make it so the title is centered and the logo is a lil to the right*/

.heading {
	height: 20%;
	display: flex;
	justify-content: center;
}

.title-space {
	color: blue;
	padding-right: 10px;
}

.logo-space {
	margin-top: 15px;

}

.main-area{
	height: 70%;
	display: flex;
}

.copyright {
	height: 10%;
	text-align: left;
	display: flex;
}
.copyright span {
	align-self: flex-end;
}