body {
	width: 100%;
	margin: 0px;
	background-color: #000;
}

p {
	margin: 0px;
	color: white;
}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

@font-face {
	font-family: "clear-sans";
	src: url("./fonts/ClearSans-Medium.ttf");
}

@font-face {
	font-family: "heavitas";
	src: url("./fonts/Heavitas.ttf");
}

@font-face {
	font-family: "papyrus";
	src: url("./fonts/papyrus.ttf");
}

.flex-container {
	display: flex;
	flex-wrap: nowrap;
	gap: 300px;
	justify-content: space-between;
}

/*==========  Menu  ==========*/

#menubar-spacer {
	padding: 50px 15% 50px 17%
}

.panel-background, .menu-panel {
	padding: 20px;
	background-color: rgb(220, 220, 220);
	border: 5px;
	border-style: solid;
	border-radius: 25px;
	border-color: #00a0f7;
	box-shadow: 0px 0px 20px #00a0f7, inset 0px 0px 15px #00a0f7;
}

.menu-panel {
	background-color: rgba(0,0,0,0);
	margin-top: 10px;
	padding: 25px 15px 15px 15px;
}

#logo-button-flex-container {
	display: flex;
	gap: 10px;
	justify-content: flex-start;
}

#homepage-link {
	text-decoration: none;
}

#button-home-image {
	height: 150px;
	margin-top: -100px;
	margin-left: -50px;
	margin-bottom: -55px;

	filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.6));
}

#title-text-top-container {
	margin-top: -45px;
	margin-left: 0px;
}

#title-text-bottom-container {
	margin-top: -10px;
	margin-left: -230px;
	margin-bottom: -20px;
}

#title-text-top {
	font-size: large;
	text-align: center;
	color: white;
	font-family: "clear-sans", Helvetica, Arial, sans-serif;
}

#title-text-bottom {
	font-size: 40px;
	text-align: center;
	text-shadow: 1.5px 1.5px 2px rgb(0, 0, 0);
	color: white;
	font-family: "heavitas", Helvetica, Arial, sans-serif;
}

#menu-buttons-flex-container {
	width: 100%;

	margin-bottom: 10px;

	display: flex;
	justify-content: start;
	flex-direction: row;
	gap: 50px;
}

.menu-button {
	background-color: transparent;
	border: 0;
	color: white;
	text-shadow: 1px 1px 2px black;
	text-decoration: none;
	font-family: "clear-sans", Arial, Helvetica, sans-serif;
	font-size: large;
}

/*==========  Footer  ==========*/


#footer-wrapper {
	width: 100%;
	background-image: url("./images/grass_transition.svg");
	background-size: 800px auto;
	background-position: top center;
	background-repeat: repeat-x;
	background-color: rgb(81, 46, 0);
}

#footer-spacer {
	padding: 200px 100px 150px 100px
}

#footer-text {
	width: 100%;
	line-height: 35px;
	color: white;
	text-align: center;
	font-family: "Comic Sans MS", "Comic Sans", Arial, Helvetica, sans-serif;
}

#footer-emojis {
	font-family: "papyrus", "Comic Sans", Arial, Helvetica, sans-serif;
}

.ui-image-full-width {
	width: 100%;
	background-image: linear-gradient(black, rgb(24, 0, 161));
	line-height: 0%;
}