body{
	background-color: #fbd800;
	font-family: Georgia, "Courier New", monospace;	
	line-height: 1.6;
}

div{	
	margin: auto;
	width: 40%;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 1%;
	padding-bottom: 1%;
	background-color: white;
	text-align: justify;
	color: #020202;
}

a {
	color: #020202;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1 {
	font-size: 46px;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1.2;
	text-align: left;
	font-weight:bold;
	padding-top: 1rem;
}

h2 {
	font-size: 20px;
	font-size: 1.5 rem;
}

h3 {
	font-size: 60px;
	font-size: 1.5 rem;
}

.header {
  text-align: center;
  color: #ea3d67;
  padding-bottom: 2%;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  width: 60%;
}

.footer {
  height:15px;
  text-align: center;
  background-color: white;
  color: white;
}

.content {
  align-items:center;
  bottom:0;
  color:white;
  display:flex;
  flex-wrap:wrap;
  font-family:monospace;
  justify-content:center;
  left:0;
  padding:20vw;
  position:fixed;
  right:0;
  text-align:center;
  top:0;
}

#menu{
	text-decoration: none;
	background-color: white;
}
	ul.menu {
		width : 100%;
		display: table;
		padding-left: 0%;
		padding-right: 0%;
	}
	
	li.menu {
		display: inline-block;
		float: none;
		color:#020202;
	}
	
	li.menu a:link.menu {
		padding: 20px;
		font-weight: normal;
		color: #020202;
	}
	
	li.menu a:visited.menu {
		padding: 20px;
		font-weight: normal;
		color: #020202;
	}
	
	li.menu a.active{
		padding: 20px;
		font-weight: bold;
		color: #ea3d67;
	}

.targetDiv{
 display: none;
 margin-left:10%;
}

.hide{
 display: none;
}

embed, iframe, object {
    max-width: 100%;
}