@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

html,body{
  margin:0; padding:0;
}

*{
    font-family: "Lato", sans-serif;
}

header{
      max-width:initial !important;

  h1{
    background-color:lightgray;
    align-self:stretch;
    font-size: 3rem;
    font-weight:300;
    padding:1rem;
    text-align:center;
    
  }
}

section, header, footer{
   display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
      max-width:900px;
  margin:auto;
      font-weight:300;

}

section#intro{
  font-size:1.5rem;
  font-weight: 300;
    max-width:900px;
  margin:auto;
  text-align:center;
}

section#info{
  flex-direction:row;
  justify-content:center;
  gap:40px;
  margin:3rem auto;
  align-itemr:stretch;
  div{
    flex:1;
    
    font-size:1.2rem;
        
    img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
    }
  }
  
}

footer{
  max-width:initial;
  background-color:#212529;
  color:white;
    font-weight: 300;

  a{
    color:white;
  }
  gap:1rem;
  padding:1rem;
}