:root {
    --primary-green: #6EF3A5;
    --text-grey: #777777;
    --bg: #0C0C0C;
}

* {
    background-color: var(--bg);
    font-family: 'Lato', sans-serif;
}

.primary {
    color: var(--primary-green);
}

.text-light {
    color: var(--text-grey);
}

.bg {
    background-color: var(--bg);
}

/* APP BUTTONS */
.app-button-base {
    text-decoration: none;
    background: transparent;
}

.app-button-base:hover {
    text-decoration: none;
}

.app-button {
    background-color: var(--bg);
    color: white;
    background: transparent;
    border: .5px solid white;
    border-radius: 24px;
    padding: 10px 20px;
    transition: .5s;
}

.app-button:hover {
    background-color: white;
    color: var(--bg);

}

.app-button-base-filled {
    text-decoration: none;
    background: white;
    border-radius: 24px;
}

.app-button-base-filled:hover {
    text-decoration: none;
    background: transparent;
    transition: .5s;
}

.app-button-filled {
    background-color: white;
    color: var(--bg);
    background: transparent;
    border: .5px solid white;
    border-radius: 24px;
    padding: 10px 20px;
    transition: .5s;
}

.app-button-filled:hover {
    color: white;
}