@import '../themes/Catppuccin-Latte.hex.css';
/* @import '../themes/Catppuccin-Frappé.hex.css'; */
/* @import '../themes/Catppuccin-Macchiato.hex.css'; */
/* @import '../themes/Catppuccin-Mocha.hex.css'; */

body {
  color: var(--subtext-1);
  background-color: var(--mantle);
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;
  padding: 0 1.5rem;
  margin: 0;
}

h1 {
  color: var(--peach);
}

h2 {
  color: var(--text);
}

a {
  color: var(--blue);
}

ul {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 0;

  li {
    list-style-type: none;
  }
}

.colors {
  display: flex;
  flex-direction: row;
  gap: 1rem;

  > * {
    width: 100px;
    height: 100px;
    border-radius: 1rem;
  }

  .first {
    background-color: var(--pink);
  }
  .second {
    background-color: var(--yellow);
  }
  .third {
    background-color: var(--teal);
  }
}