/* Imports */
@import './variables';
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500;700&display=swap');


/* Styles */
* {padding: 0; margin: 0;}

body {
	background-color: #EEEEEE;
	font-family: 'Comfortaa', cursive;
}

hr {
	height: 2px;
	width: 100%;
	margin: 4px 0 16px 0;
	border-style: none;
	background-color: #000000;
}

a.anone {
	text-decoration: none;
	color: #000000;
}


/* Menu */
.menu-container {
	z-index: 999;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100vw;
	height: 100vh;
}
  
.menu {
	position: fixed;
}

.menu__item {
	width: 100px;
	list-style: none;
}

.menu__link {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	width: 120%;
	margin: 10px 0;
	padding: 5px;
	font-size: 1.3em;
	text-align: center;
	color: #969696;
	text-decoration: none;
	border-radius: 0 50px 50px 0;
	background: #FFFFFF;
	transform: translateX(-85px);
	transition: .5s;
}

.menu__link:hover{
transform: translateX(0);
transition: .5s;
}
.menu__text {
	width: 100%;
}

.menu__icon {
	padding-left: 10px;
	padding-right: 10px;
}

@media (max-width: 1512px) {

}

@media (max-width: 960px) {
	hr {
		height: 1px;
		margin: 2px 0 4px 0;
	}
}