.header  
{
  font-family: monospace;
  background: papayawhip;
  display: flex;
  justify-content:space-between;
  align-items: center;


 


 

}

.header .left-links 
{

  flex: 0 1 auto;


}

.header .right-links
{


  /* width:100%; */

}

.header .logo 
{
  font-size: 48px;
  font-weight: 900;
  color: tomato;
  background: white;
  padding: 4px 32px;
 align-self:center;

}

ul 
{
  /* this removes the dots on the list items*/
  list-style-type: none;
  display:flex;
  gap:8px;
  

}

a {
  font-size: 22px;
  background: white;
  padding: 8px;
  /* this removes the line under the links */
  text-decoration: none;

}