/* @font-face { */
/*   font-display: swap; */
/*   font-family: 'Nunito Sans'; */
/*   font-style: normal; */
/*   font-weight: 300; */
/*   src: url('/fonts/nunito-sans-v15-latin-300.woff2') format('woff2'), */
/*     url('/fonts/nunito-sans-v15-latin-300.ttf') format('truetype'); */
/* } */
/**/
/* @font-face { */
/*   font-display: swap; */
/*   font-family: 'Roboto'; */
/*   font-style: normal; */
/*   font-weight: 300; */
/*   src: url('/fonts/roboto-v30-latin-300.woff2') format('woff2'), */
/*     url('/fonts/roboto-v30-latin-300.ttf') format('truetype'); */
/* } */

h1 {
  font-weight: 300;
  font-size: 2rem;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0px;
  padding: 0px;
}

p {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
}

:root {
  --neutral1000: #000000;
  --neutral800: #16161E;
  --neutral500: #252530;
  --neutral400: #2C2C3A;
  --neutral300: #414152;
  --neutral100: #AAAABB;
  --neutral000: #F1F1F4;
}

body {

  --background-dark: var(--neutral800);
  --background: var(--neutral000);
  --background-light: var(--neutral400);
  --outline: var(--neutral300);
  --text: var(--neutral1000);
  --layer100: var(--neutral000);

  background-color: var(--layer100);
  transition: background-color 0.1s;
  color: var(--text);
  font-family: 'Roboto', sans-serif;
}

.theme-dark {

  --background-dark: var(--neutral800);
  --background: var(--neutral500);
  --background-light: var(--neutral400);
  --background-gradient: linear-gradient(-30deg, var(--neutral500) 0%, var(--neutral400) 100%);
  --outline: var(--neutral300);
  --text: var(--neutral100);
  --layer100: var(--background-dark);
}

img {
  max-width: 100%;
  height: auto;
}

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