* {
    --black: #2c2e35;
    --white: #fff;
    --blue: #2f2c72;
    --green: #9ac222;
    --red: #ff0000;
    --gray: #eff0f3;

    --card: #f6f6f6;

    margin: 0;
    padding: 0;
    box-sizing: border-box;

    font-family: "Verdana", serif;
}

body {
    background-color: var(--white);
}

header {
    width: 100%;
    height: 70px;

    background-color: var(--blue);
}

main {
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
}

footer {
    width: 100%;
    height: 70px;

    text-align: center;

    background-color: var(--blue);
}
footer p {
    margin-top: 25px;
    color: var(--white);
}

.partial {
    display: none;
}

.card {
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: 0px 0px 40px rgba(29,58,83,0.36);
    padding: 25px;
    margin-top: 1vh;
}

button {
    background-color: var(--green);
    color: var(--white);
    border: none;
    border-radius: 5px;
    padding: 10px 25px;
    cursor: pointer;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}