.topnav {
	z-index: 5;
	position: absolute;
	width: 100%;
	height: 50%;
	animation: hello-there 1.25s forwards;
	overflow-x: hidden;
	background-color: #00000077;
	padding: 0% 2.5%;
}

.mnl-logo {
	font-size: calc(5vw + 5vh);
	animation: spin forwards 1.25s;
	animation-timing-function: ease-out;
}

@keyframes spin {
  to { }
}

.topnav a:hover {
	color: yellow;
}

ul {
	list-style: none;
	font-weight: bold;
	font-size: 75%;
}

@keyframes hello-there {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

.social_container {
	text-align: center;
}

.social_container2 {
	text-align: center;
	margin-left: 0%;
}

.social_container img {
	width: 20px;
	height: 20px;
}

.social_container img:hover {
	transform: scale(1.5);
	transition: 0.5s;
}

.content {
	margin-left: 10%;
	width: 80%;
}