@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@800&display=swap');

body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #525252;
}


header {
  background-color: #ad0000;
  padding: 1%;
  text-align: center;
  font-size: 70%;
  color: white;
}

main {
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  background-color: #f1f1f1;
  padding: 1%;

}



nav {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  background: #ccc;
  padding: 2%;
}


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

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



nav ul {
  list-style-type: none;
  padding: 0;
}





footer {
  background-color: #0011ad;
  padding: 1%;
  text-align: center;
  font-size: 100%;
  color: white;
}

footer a:focus,
footer a:hover,
footer a:active  { 
       text-decoration:underline;
  }
  
     footer a {
    text-decoration: none; 
    font-weight: bold;
    color: white; 
	 }
    

section {
  display: -webkit-flex;
  display: flex;
}


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

#Football {
	margin-left: 5%;
	font-size: 300%;
	font-weight: bold;
	font-family: Mukta;
	color: white;
	}
	
	
#picture {
	position: relative;
	width: 7%;
	left: 90%;

	}