@import "https://fonts.bunny.net/css?family=inter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i";

/* ns-hugo-imp:E:\Projects\may\maymeow-card\themes\card\assets\css\components\header.css */
header {
  border-bottom: 1px solid #222;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: var(--space-M);
  align-items: center;
  h1 {
    color: var(--blue);
  }
}
.logo {
  width: 180px;
  border-radius: 50%;
  border: 4px solid var(--surface0);
  transition: transform 0.3s ease-in-out;
  &:hover {
    transform: scale(1.1);
  }
}

/* ns-hugo-imp:E:\Projects\may\maymeow-card\themes\card\assets\css\components\footer.css */
footer {
  margin-top: var(--space-XL);
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ns-hugo-imp:E:\Projects\may\maymeow-card\themes\card\assets\css\components\sizes.css */
:root {
  --space-0: 0rem;
  --space-3XS: .125rem;
  --space-2XS: .25rem;
  --space-XS: .5rem;
  --space-S: .75rem;
  --space-M: 1rem;
  --space-ML: 1.25rem;
  --space-L: 1.5rem;
  --space-XL: 2rem;
  --space-2XL: 2.5rem;
  --space-3XL: 3rem;
  --space-4XL: 4rem;
  --space-5XL: 5rem;
}

/* ns-hugo-imp:E:\Projects\may\maymeow-card\themes\card\assets\css\components\colors.css */
:root {
  --rosewater: #f5e0dc;
  --flamingo: #f2cdcd;
  --pink: #f5c2e7;
  --mauve: #cba6f7;
  --red: #f38ba8;
  --maroon: #eba0ac;
  --peach: #fab387;
  --yellow: #f9e2af;
  --green: #a6e3a1;
  --teal: #94e2d5;
  --sky: #89dceb;
  --sapphire: #74c7ec;
  --blue: #89b4fa;
  --lavender: #b4befe;
  --text: #cdd6f4;
  --subtext1: #bac2de;
  --subtext0: #a6adc8;
  --overlay2: #9399b2;
  --overlay1: #7f849c;
  --overlay0: #6c7086;
  --surface2: #585b70;
  --surface1: #45475a;
  --surface0: #313244;
  --base: #1e1e2e;
  --mantle: #181825;
  --crust: #11111b;
}
.text-lavender {
  --meow-text-color: var(--lavender);
  color: var(--meow-text-color);
}
.mauve {
  --meow-accent-color: var(--mauve);
}
.blue {
  --meow-accent-color: var(--blue);
}
.yellow {
  --meow-accent-color: var(--yellow);
}
.green {
  --meow-accent-color: var(--green);
}
.pink {
  --meow-accent-color: var(--pink);
}

/* ns-hugo-imp:E:\Projects\may\maymeow-card\themes\card\assets\css\components\cards.css */
.card {
  --meow-bg-color: var(--mantle);
  --meow-border-color: var(--mantle);
  --meow-text-color: var(--text);
  background-color: var(--meow-bg-color);
  padding: var(--space-M);
  border-radius: var(--space-M);
  color: var(--meow-text-color);
  display: flex;
  flex-direction: column;
  gap: var(--space-M);
  &.with-border {
    border: 1px solid var(--surface0);
  }
  .card-title {
    font-size: 1.125rem;
    font-weight: 400;
  }
  .card-content {
    color: var(--subtext1);
  }
}

/* <stdin> */
*,
*::before,
*::after {
  box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
ul[role=list],
ol[role=list] {
  list-style: none;
}
html:focus-within {
  scroll-behavior: smooth;
}
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
img,
picture {
  max-width: 100%;
  display: block;
}
input,
button,
textarea,
select {
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
blockquote {
  padding: var(--space-M);
  background-color: var(--surface0);
  border-radius: var(--space-S);
}
.meow {
  --meow-text-color: var(--text);
  --meow-accent-color: var(--mauve);
  background-color: var(--base);
  color: var(--meow-text-color);
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: .3px;
  padding: var(--space-XL) var(--space-M);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  max-width: 472px;
  margin: 0 auto;
  justify-content: center;
  a {
    color: var(--meow-accent-color);
    text-underline-offset: 4px;
    text-decoration-color: var(--subtext0);
    transition: all ease-in-out .2s;
    &:hover {
      text-decoration-color: var(--meow-accent-color);
    }
  }
}
main {
  display: flex;
  flex-direction: column;
  gap: var(--space-M);
  font-size: 1.185rem;
}
/*# sourceMappingURL=main.css.map */