@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/webfonts/Roboto-VariableFont_wdth,wght.woff2) format('woff2');
}

@font-face {
  font-family: "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/webfonts/NotoColorEmoji-Regular.woff2) format('woff2');
}

body {
  background-color: #fdedf2;
  font-family: Gilroy-Light, sans-serif !important;
  font-weight: bold !important;
}

h1,
h2,
h3 {
  font-weight: normal;
}

h1 {
  letter-spacing: 0.05em;
}

h2::before {
  content: "🌟";
  font-family: "Noto Color Emoji", sans-serif;
  margin-right: 0.5rem;
}

a {
  color: #2196f3 !important;
  text-decoration: underline !important;
}

a:hover {
  text-decoration: none !important;
}

a:focus {
  outline: solid 3px #ffc107;
}

::selection {
  color: inherit;
  background: #ffc107;
}

strong {
  font-family: Gilroy-ExtraBold, sans-serif;
  font-weight: normal !important;
}

.emoji {
  width: 2.5rem;
}

.has-margin-right-1 {
  margin-right: 0.5em;
}

.icon {
  font-weight: normal;
  height: 1rem !important;
  width: 1rem !important;
  margin-right: 0.5rem;
}

ul.icon-list {
  margin-left: 1em;
}

ul.icon-list > li {
  list-style: none;
}

footer {
  background-color: #e1f5fe !important;
  border-top: 4px #ffeb3b solid;
}