@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&family=Pixelify+Sans:wght@400..700&display=swap');



.pixelify-sans-regular {
  font-family: "Pixelify Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


@font-face {
	font-family: daydream;
	src: url("Daydream.ttf");
}

body {
	background-image: url("back.png");
	/* background-color: #D6CCC2; */
}


.main-div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.div-styling-old {
	border-color: #6B6EA3;
	border-width: 4px;
	border-style: solid;
	background-color: #202141;
}

.nav-div {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	width: 10%;
	margin-right: 10px;
}

.content-div {
	display: flex;
	flex-direction: column;
	align-items: left;
	padding: auto;
	height: 100%;
	width: 90%;
	color: #E3D5CA;
}

.top-bar {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 8%;
	width: 45%;
	background-repeat: no-repeat;
}


.daydream-regular {
  font-family: "daydream";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "BLED" 0,
    "SCAN" 0;
}

.big-text {
	color: #E3D5CA;
	font-size: max(1vw, 24px);
}

.sub-div {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 45%;
	height: 50%;
	padding-top: 10px;
}