/*Color Scheme
Primary: Sage Green: #5F7A6A
Warm Cream: #F6F4EF
Dusty Blush: 
*/


#index-banner {text-align: center;}

#index-banner img {width: 100%;
                    max-width: 2688px;}

header nav ul li {display: inline; 
                    padding: 15px;}

header img {
    display:block;
    margin:10px auto;}


header nav ul {width:315px;}
    
header {background-color:#fdf7f4;}


header nav ul {width: 315px; 
    margin-left: auto; 
    margin-right: auto;}

header nav ul li {display: inline; padding:10px;}


#index-banner {text-align: center;}

#index-banner img {width: 100%;}

 
main {
    width:1200px;
    margin: 15px auto;
    overflow: hidden;}

.book-three-column {
    float: left;
    text-align: center;
    width: 340px;
    margin: 10px 30px;
}

.book-three-column h3 {color:#D99A9A;}

.book-three-column img {
    border-radius: 30px;}
h3{
    color:#F2BDBD; 
    border-bottom: 2px solid #D99A9A; 
    text-align: center; 
    font-family:"Lucida Calligraphy"; 
    font-size:18px;
}

h1 {
    color: #5c735a; 
    text-align:center; 
    font-size: 48px; 
    padding-top: 55px; 
    font-family:"Monotype Corsiva";
    text-shadow: 5px 5px 10px pink;}


.clear{clear: both}

h2 {
    color:#F2BDBD; 
    border-bottom: 2px solid #D99A9A; 
    text-align: center; 
    font-family:"Lucida Calligraphy"; 
    font-size:18px; }


#about-banner {background-image: url(images/pink-book-shelf.avif); height: 200px; background-size: cover;}

.about-grid {
    float: left;
    width: 500px;
    padding: 50px;}


.about{width: 1200px;
margin-left:auto;
margin-right: auto;}



#event-banner {background-image: url(images/cream.png); 
    height: 150px; 
    background-size: cover;
border-radius: 10px;}




.event-grid {
     background-color:#FEF8F6;
     width:280px;
     height:280px; 
     float: left; 
     padding: 25px; 
     background-color: #8FAEA0; 
     margin: 0; 
     color: white;}

.event-grid-div {
     width: 330px; 
     height:330px; 
     float: left; 
     margin: 0;}

.events-main{width: 1320px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 30px;
overflow: hidden;}

#event-banner {text-align: center;
margin-bottom: 30px;
}

#event-banner img {width: 100%;
                    max-width: 2688px;}
.clear{clear: both;}


#merch-banner {background-image: url(images/banner-6.webp); 
    height: 150px; 
    background-size: cover;
border-radius: 10px;}




.merch-grid {
     background-color:#FEF8F6;
     width:280px;
     height:280px; 
     float: left; 
     padding: 25px; 
     background-color:#F8E8E5; 
     margin: 0; 
     color: white;}

.merch-grid-div {
     width: 330px; 
     height:330px; 
     float: left; 
     margin: 0;}

.merch-main{width: 1320px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 30px;
overflow: hidden;}

#merch-banner {text-align: center;
margin-bottom: 30px;
}

#merch-banner img {width: 100%;
                    max-width: 2688px;}



a:link { color: #5F7A6A; text-decoration: none; }
a:visited { color: #5F7A6A; }
a:hover { color: #D9A5A9; }
a:active { color: #A38F85; }



footer {
    background-color:#F2BDBD;
    text-align: center;
    clear: both;
    padding:10px;}