:root {
    --main-color: #F844A1;
    --main-dark: #050507;
    --white: #fff;
    --standard-font: 'Itim';
    --transparent: transparent;
}

* {
    font-family: var(--standard-font);
    color: var(--white);
}
html,body {
    height: 100%;
    width: 100%;
    background-color: var(--main-dark) !important;
}

.generic-button {
    background-color: transparent !important;
    border-color: var(--main-color) !important;
    width: 300px;
    text-align: center;
    font-size: larger !important;
}

.generic-button:hover {
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
    color: var(--main-dark) !important;
}