:root {
    --colourBackground: #f3ebe0;
    --colourPrimary: #f0753f;
    --colourSecondary: rgba(247,140,128,.8);
    --colourTertiary: #f8d617;
    --colourActive: #76bed6;
    --colourSuccess: rgb(1, 163, 1);

    --defaultShadow: 0px 0px 8px 2px rgba(0, 0, 0, .25);
    --gentleShadow: 0px 0px 4px 2px rgba(0, 0, 0, .25);
}

@font-face {
    font-family: "Lazy Dog";
    src: url("../fonts/Lazy_Dog-45c4dc28649181fa54d2fceefe9a84f8.woff") format("woff");
    font-weight: 400;
}

@font-face {
    font-family: "Glacial Indifference";
    src: url("../fonts/Glacial_Indifference_Regular-76cf3274e64961e320dfa548c9d2fa9f.woff") format("woff");
    font-weight: normal;
}

@font-face{
    font-family: "Glacial Indifference";
    src: url("../fonts/Glacial_Indifference_Bold-e5ced6976415047b63246efa1656e7d3.woff") format("woff");
    font-weight: bold;
}

@keyframes rotation-anim {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}