:root {
  --g: #829191;
  --b: #2A2E7D;
  --r: #A01D21;
  --y: #FFB100;

  /* sizes */
  --xxs: 0.5rem;
  --xs: 0.75rem;
  --s: 0.875rem;
  --base: 1rem; 
  --lg: 1.125rem;
  --xl: 1.25rem;
  --x2l: 1.5rem;
  --x3l: 1.875rem;
  --x4l: 2.25rem;
  --x5l: 3rem;
  --x6l: 3.75rem;
  --x7l: 4.5rem;
  --x8l: 6rem;
  --x9l: 8rem;
  --x10l: 10rem;
}

* {
  margin: 0;
  line-height: calc(1em + 0.5rem);
}

.cta {
  width: fit-content;

  padding: 5px 1rem;
  
  font-weight: 600;
  font-style: normal;
  font-size: 100%;
  text-decoration: none;

  border-radius: 100px;
  border: 2px solid black;
  box-shadow: 0 5px 0 black;

  background-color: var(--y);
  color: black;
}

strong {
  color: var(--r);
}

html {
  scroll-behavior: smooth;
}

img, picture, video,  canvas, svg {
  display: block;
  max-width: 100%;
  user-select: none;
}

button {
  display: inline-block;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  text-transform: uppercase;
  font-family:inherit;
}

section {
  margin-bottom: 2rem;
}