@import url("https://cdn.jsdelivr.net/npm/@unocss/reset/tailwind.min.css");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manjari:wght@100;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sono:wght@200..800&display=swap');

[un-cloak],
[v-cloak] {
    display: none;
}

.font-quicksand {
    font-family: "Quicksand", sans-serif;
}

.font-caveat {
    font-family: 'Caveat', cursive;
}

.font-indie-flower {
    font-family: 'Indie Flower', cursive;
}

.font-courgette {
    font-family: 'Courgette', cursive;
}

.font-manjari {
    font-family: 'Manjari', sans-serif;
}

.font-sono{
    font-family: "Sono", sans-serif;
}

button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a, button{
    cursor: default;
}

svg {
    flex: none;
}
:root {
    interpolate-size: allow-keywords;
}
/* *{
    border: 0px !important;
    outline: solid slategray 1px !important;
    outline-offset: 0px;
    background: white !important;
    color: lightgray !important
} */