:root {
  --ominroBackground: white;
  --ominroMaroon: #a01661;
  --ominroBlue: #5656ff;
  --ominroRed: red;
  --ominroMaroonLight: #dd7aa3;
  --ominroMaroonLightTrans: rgba(221, 122, 177, 0.1);
  --ominroMaroonTrans: hsla(327, 76%, 36%, 0.2);
  --mainFontcolor: #6d2d5c;
  --headFontcolor: #a14377;
  --blah: hsl(330, 25%, 96%);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}
/*
      2. Remove default margin
    */
* {
  margin: 0;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

section {
  margin-block: 4vw;
}

section:first-child {
  margin-top: 2vw;
}
/*
      6. Remove built-in form typography styles
    */
input,
button,
textarea,
select {
  font: inherit;
}
/*
      7. Avoid text overflows
    */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}
/*
      8. Create a root stacking context
    */
#root,
#__next {
  isolation: isolate;
}

button {
  background-color: color-mix(in srgb, var(--ominroMaroon) 80%, black 20%);
  border: none;
  border-radius: 10px;
  cursor: pointer;
}