@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

html, body {
  font-size: 80%;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0.15em;
  background-color: #616D3D;
}
#page{
  max-width: 940px;
  min-width: 720px;
  margin: 30px auto 30px auto;
  padding: 20px;
  border: 4px double #000;
  background-color: #2C4A28;
  box-shadow: 0  0 15px #F69000;
}
#logo{
  width: 300px;
  margin: 10px auto 5px auto;
 transition: transform 0.2s;
}

#logo:hover {
    transform: scale(1.1);
}
ul{
   display:flex ;
   width: 560px;
   padding: 20px;
   margin: 0px auto 0px auto;
   border-top: 3px solid #000;
   border-bottom: 1px solid #000;
   text-align:center;
   justify-content: center;
}
 li{
 display: inline;
 margin: 0px 3px;
 font-size: 1.5em;
 
}
p{
  text-align: center;
  width: 600px;
  margin: 20px auto 20px auto;
  font-weight: normal;
  font-size: 1.3em;
}
a{
  color: #000000;
  text-transform: uppercase;
  text-decoration: none;
  padding: 6px 10px;

}
a:hover,  a .on{
  color: blue;
  background-color: #ffffff;
}