@font-face {
	font-family: commodore;
	src: url(./C64_Pro_Mono-STYLE.woff)
}

a:link {
	text-decoration: none;
	color: #00ff00;
}

a:visited {
	text-decoration: none;
	color: #00ff00;
}

.button:hover {
	background-color: #00ff00;
}
.button:hover a {
	color: #f843d0;
}

.total_container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
/*
	border-style: solid;
	border-color: black;
	border-width: 1vh;
	box-sizing: border-box;
*/
}

.navbar_container {
	position: fixed;
	width: 100%;
	height: 10vh;
	top: 0;
	left: 0;
	background-color: #0d348f;
	text-align: center;
	font-size: 2vw;
	font-family: commodore;
	color: #00ff00;
	display: flex;
	justify-content: space-evenly;
/*
	border-style: solid;
	border-color: red;
	border-width: 1vh;
	box-sizing: border-box;
*/
}

.navbar {
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}

.slider_menu {
	position: relative;
	width: 70vw;
	overflow-x: scroll;
	display: -moz-box;
	display: -webkit-box;
/*
	border-style: solid;
	border-color: blue;
	border-width: 1vh;
	box-sizing: border-box;
*/
}

.logo {
	position: relative;
	width: 20vw;
	color: #f843d0;
/*
	border-style: solid;
	border-color: yellow;
	border-width: 1vh;
	box-sizing: border-box;
*/
}

.language_menu {
	position: relative;
	width: 5vw;
/*
	border-style: solid;
	border-color: magenta;
	border-width: 1vh;
	box-sizing: border-box;
*/
}

.button {
	position: relative;
	border-style: solid;
	box-sizing: border-box;
	border-width: 1vh;
	border-color: #00ff00;
	padding: .5vh .5vw;
	margin-left: 2vw;
	margin-right: 2vw;
	color: #00ff00;
}