:root {
    --dark-blue: rgb(10, 21, 63);
    --light-blue: rgb(235, 239, 255);
    --text-black: rgb(44, 41, 44);
}

body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    color: var(--text-black);
    background-color: var(--light-blue);
}

#main-header {
    background-color: var(--dark-blue);
    color: white;
    padding: 2rem 5%;
    text-align: center;
}

.btn {
    font: inherit;
    padding: 0.5rem 1.5rem;
    background-color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.btn-alt {
    background-color: transparent;
    border-color: transparent;
    color: rgb(0, 24, 122);
}

.btn:hover {
    background-color: rgb(0, 24, 122);
    border-color: rgb(0, 9, 45);
}

.btn-alt:hover {
    background-color: rgb(163, 182, 255);
    border-color: transparent;
}