@charset "UTF-8";
:root {
  --cassiopeia-color-primary: #261a1e;
  --cassiopeia-color-link: #b51f14;
  --link-color: #ff8125;
  --link-color-rgb: 48, 99, 141;
  --cassiopeia-color-hover: #954b56;
  --link-hover-color: #a55013;
  --link-hover-color-rgb: 149, 75, 86;
  --body-font-size: 0.9rem;
}

/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */
@import url('https://fonts.googleapis.com/css2?family=Georama:wght@100&display=swap');
/* Use the imported font on the page: On Google you can also find the CSS instruction for using the font. If you put this in the body element then the font will be used on the whole website. */
body {
    font-family: 'Georama', sans-serif;
}

h1 {
  color: var(--link-hover-color);
}

h2, .h2 {
  color: var(--link-color);
  font-size: calc(1.325rem + .9vw);
}

@media (width >= 1200px) {
  h2, .h2 {
    font-size: 1.5rem;
  }
}

.item-content {
  border-bottom: 1px solid var(--gray-300);
}

.container-banner {  
  display: flex;
  justify-content: center;
  align-items: center;
}