html {
    height: 100%;
    background-image: url("../images/brick.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left bottom;
}

body {
    display: flex;
    align-items: center;
}

nav {
    justify-content: center;
}

main {
    width: 100%;
    height: 95%;
    overflow: auto;
}


main h2 {
    color: rgba(13, 49, 64, 1);
}

#welcome {
        display: block;
        color: rgba(13, 49, 64, 1);
        background-color: rgba(13, 49, 64, 0.3);
        padding: 0.5rem;
        margin-bottom: 1rem;
        border-top: 0.25rem solid rgba(13, 49, 64, 1);
        border-bottom: 0.25rem solid rgba(13, 49, 64, 1);
    }

#agreement {
    width: 80%;
    background-color: rgba(207, 210, 219, 0.85);
    border-radius: 1.5rem;
    padding: 2rem;
    margin: 10% auto;
}

button {
    font-size: 1.5rem;
    color: rgba(207, 210, 219, 1);
    background-color: rgba(13, 49, 64, 1);
    width: 20%;
    padding: 0.25rem;
}

/* Media Queries */
@media only screen and (max-width: 1500px) {
    html {
        height: 100%;
        background-image: url("../images/brick-mobile.jpg");
        background-position: center bottom;
    }

    

}