@font-face {
  font-family: bebas;
  src: url(../fonts/Bebas-Regular.ttf);
}
nav ul{
	list-style-type: none;
}
body{
	
	padding:0;
	margin:0;
	height:100vh;
}
.mainPlace{
	background-image: url("../img/background.jpg");
	background-size: cover;
}

.menuShower{
	font-size: 2.5em;
	background-color: #2ecc71;
	margin:0;
	padding: 10px;
	display: flex;
	font-family: bebas;
	justify-content: space-between;
	border-bottom: 1px solid black;
}
.logoText{
	font-size: 0.8em;
	padding-right: 10px;
}
nav ul{
	margin:0;
	padding:0;
}
nav ul li{
	background-color: #2ecc71;
	margin:0;
	padding:10px;
	border-bottom:1px solid black;
}
nav ul li a{
	color:black;
	font-size: 1.8em;
	text-decoration: none;
	font-family: Heebo;
	margin:5px;
}
main{
	display: flex;
	align-items: center;
	justify-content: center;
	height:80vh;
}
.coolText{
	font-family: bebas;
	color:#2ecc71;
	text-shadow: 1px 1px white, 2px 2px white, 3px 3px white, 4px 4px white, 5px 5px white;
	font-size: 7em;
	max-height:500px;
}
.coolText p{
	margin:0;
	padding:0;
	text-shadow: 
}
.screenTitle{
	font-family: "IBM Plex Sans";
	color:black;
	font-size: 4em;
}
.earContainer{
	margin-top: 40px;
	display: flex;
	justify-content: space-around;
}
.earNav{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3em;
	color:#2ecc71;
	text-shadow: 1px 1px white, 2px 2px white, 3px 3px white, 4px 4px white, 5px 5px white;
}
.nextEar{

}
.lastEar{

}
.earImage{
	max-height: 222px;
}
.earImage img{
	height:100%;
	width:auto;
}
.earName{
	margin:30px auto;
	text-align: center;
	font-family: "IBM Plex Sans";
	color: black;
	font-size: 3em;
}
.confirm{
	display: flex;
	flex-direction: column;
	width:max-content;
	margin:30px auto;
	padding: 10px;
	text-align: center;
	font-family: Heebo;
	box-shadow: 1px 1px white, 2px 2px white, 3px 3px white, 4px 4px white, 5px 5px white;
	font-size: 2em;
	background-color: #2ecc71;
}
main{
	display: flex;
	flex-direction: column;
}