#content {
max-width: 1600px;
margin: 0 auto;
text-align: center;
}
#img1 {
    width: 100%;
}
#background {
    height: 725px;
    background-color:aqua;
}
nav a {
    text-align: center;
    color: black;
}
#hero-msg h1 {
    text-align: center;
} 
#hero-msg h4 {
    text-align: center;
}
.button-box {
    text-align: center;
}
main section {
    text-align: center;
}
body {
    background-color:white;
}
header {
    background-color:grey;
}
nav a:hover {
    background-color:orange;
    color: black;
    text-decoration: none;
}
.book {
    background-color:yellow;
    color: black;
    text-decoration: none;
}
.join {
    background-color:yellowgreen;
    color: black;
    text-decoration: none;
}
.book:hover {
    background-color:greenyellow;
    color: black;
}
.join:hover {
    background-color:green;
    color: black;
}
.msg {
    background-color:blue;
}
.msg h2 {
    color: black;
}
.msg p {
    color: black;
}
footer {
    background-color:blueviolet;
    color: black;
}
footer a {
    color: black;
    text-decoration: none;
}
footer a:hover {
    color: white;   
}
footer p a:hover {
    text-decoration: underline;
}
.home-title{
    color: black;
}
h4 {
    color: black;
}
#hero-img {
    width: 100%;
}