@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monda&display=swap');







body {
	color: white;
	background-color:#de1414;
	padding: 10px;

	
}

body{
	font: 82% arial,sans-serif;
}

div {
	background-color: white;
	padding: 10px;
	
	margin: 10px
}


#wrapper {
	position: relative;
	background-color: #de1414;
	width: 90%;
	margin: auto;
}



#header{
	position:relative;
	left: 40%;
	width: 20%;
	border-width: 5px;
	border-color:#4a4343;
	border-style: solid;
	background-color:#4a4343;
	font-family: Alfa+Slab+One;
	font-size: 400%;
	margin: 0;
}


#header2{
	position: relative;
	left: 44%;
	width: 10%;
	top: 10px;
	background-color:#948b8b;
	border-width: 5px;
	border-color:#948b8b;
	border-style: solid;
	font-family: Monda;
	font-size: 150%;
	margin: 0;
}
img {
 width:18%; 
height; auto 
}	

#main{
  position: relative;
  width: 75%;
  left: 10%;
  height: 575px;
  top: -180px;
  background-color: #b37474;
  border-width: 50px;
  border-color: #b37474;
  border-style: solid;
  font-size: 120%;
  margin-right: 1%;
  
}



#navigation {
  position: relative;
  left: 1%;
  top: 65px;
  width: 5%;
  height: 200px;
  background-color: #948b8b;
  border-width: 5px;
  border-color: #948b8b;
  border-style: solid;
  margin-right: 10px;
  margin-left: 0;
  padding-left: 0,5%;

}



  nav a {
    text-decoration: none; 
    font-weight: bold;
    color: white; 
    
  }

  nav a:focus,
  nav a:hover,
  nav a:active {    
    text-decoration:underline;
  }
  
  



	
	
	


  main a {
    text-decoration: underline;
    color: yellow; 
    
  }

main a:focus,
main a:hover,
main a:active {
	text-decoration: underline;
}


#footer{
  position: relative;
  width: 40%;
  left: 30%;
  top: -60px;
  background-color:#2b1919;
  border-width: 30px;
  border-color:#2b1919;
  border-style: solid;
  font-size: 100%;
  margin: 0;
}