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

    /* font-family: 'Lato', sans-serif; */

    /* font-family: 'Montserrat', sans-serif; */
body {
  height: 100%;
  width: 100%;
  padding: 0px;
}


.primary-navigation {
  display: flex;
  gap: 40px;
  align-items: center;
  align-content: center;
  align-self: center;
}

.title {
  align-items: center;
  align-content: center;
  font-family: 'Montserrat', sans-serif;
}

.header {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;

}

li {
  list-style-type: none;
   font-family: 'Lato', sans-serif;

}

li > a {
  text-decoration: none;
  color: black;
}

a:hover {
  color: seagreen;
}


.socials {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  gap: 20px;
  margin-right: 40px;
  /* width: 100%; */
}

.socials > a {
  text-decoration: none;
  color: black;
}

.socials > a:hover {
  color: seagreen;
}