:root {
    --color-primary: rgb(166, 166, 241)
}

body {
    background-color: var(--color-primary);
    color: white;
    font-family: "DynaPuff", system-ui;
}

h3 {
    text-shadow: 0px 0px 4px rgb(122, 122, 234);
}

.dynapuff {
    font-family: "DynaPuff", system-ui;
}

.full {
    min-height: 100vh;
}

.facts {
    padding: 0px 10px 0px 10px
}

.btn-primary {
    background-color: rgb(203, 203, 254);
    border: none;
    transition: all ease-in-out 0.2s;

    &:hover {
        transform: translateY(-2px);
        background-color: rgb(132, 132, 236);
        box-shadow: 0px 2px 2px white;
    }

    &:not(:disabled):not(:disabled):active {
        background-color: rgb(110, 110, 235);
    }
}

a.no-effect {
    text-decoration: none;
    color: inherit
}