body {
	display: flex;
	justify-content: center;
	color: white;
	overflow-y: scroll;
}
nav {
	top: 40vh;
	position: relative;
	text-align: center;
	font-family: montM;
	font-size: 3vh;
	opacity: 80%;
	height: 40vh;
}
a {
	text-decoration: none;
	color: white;
}
.nav, #sub{
	padding: 2vh;
}
.nav:hover, #sub:hover {
	cursor: pointer;
}
.nav::after, #sub::after {
	content: "";
	width: 0px;
	height: 0.1vh;
	display: block;
	background: white;
	transition: 300ms;
}
.nav:hover::after {
	width: 100%;
}
#sub.underlined::after {
    width: 100%;
}
#drop {
	font-family: mont;
	font-size: 2.5vh;
	height: 0;
	overflow: hidden;
	transition: height 0.5s ease-in-out;
}
#drop .nav {
	padding: 1.5vh;
}
.symbols, #lang1, #lang2{
	width: 5vh;
	position: absolute;
	bottom: 5vh;
	cursor: pointer;
}
#lang1, #lang2 {
	right: 5vh;
	opacity: 0;
	transition: opacity 0.3s ease-in-out, bottom 0.3s ease-in-out, transform 0.1s ease-in-out;
}
.active {
	transition: transform 0.1s ease-in-out;
}
.active:active {
	transform: scale(0.9);
}