:root {
  --clr-annette: #43cde1;
  --clr-grey: #2d2e2e;
  --clr-links: #0f4b8f;
}

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

main {
  display: flex;
  justify-content: space-around;
  margin-block: auto;
  align-items: center;
  flex-flow: column;
}

body {
  display: flex;
  justify-content: center;
  align-items: start;
  height: 100dvh;
  background-color: #f4f4f4;
  color: var(--clr-grey);
}

.container {
  text-align: center;
}

h1, h2, h3 {
  text-align: center;
}

h1 {
  font-size: clamp(2rem, 5vh + 1rem, 6rem);
  font-weight: 800;
}

h3 {
  font-weight: 600;
  font-size: clamp(1rem, 2vh + .5rem, 2rem);
}

p {
  font-weight: 400;
  font-size: clamp(.6rem, 2vh + .25rem, 1.2rem);
}

*:has(+ p) {
  margin-bottom: 1rem;
}

*:has(+ .text-container) {
  margin-bottom: 3.5rem;
}

.text-container {
  max-width: 70%;
}

a {
  font-weight: 700;
  color: var(--clr-links);
  text-decoration: none;
}