html{
    overflow-x: clip;
    overflow-y: scroll;
    max-width: 100%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  padding: 0;
  margin: 0;
}

.wow{color: blue}
.bg-red{background:red;}
.bg-green{background:green;}
.bg-blue{background:blue;}


.parent{
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}

.item {
    max-width: 100%;
    flex-grow: 1;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.hcenter { display: flex;
          text-align: center;
           flex-direction: column;
           align-items: center;
           justify-items: center;
           align-content: center;
           justify-content: center;}

.vcenter {
    display: flex;
    align-content: center;
    justify-content: center;
}

.action {
    max-width: 800px;
    margin: 0 auto;
}

#book-and-text {
    max-width: 800px;
}

.gradient {background-image: linear-gradient(to bottom right, #ffa8a8, #71afff);}

.red {color: #89001c;}
.blue {color: #3e46cc;}
.wide {width: 90%}

.title{ 
    transition: 1s;
    margin-top: 0px;
      padding-top: 0px;}

@media screen and (max-width: 767px) {
    .vcenter{
        justify-content: center;
    }
}

.order{ 
    background: black; 
    transition: 1s;
    cursor: pointer;
}


.order:hover{
color: rgb(255, 255, 255);
width: 337px;
background: #89001c;
border-color: #3e46cc;
border-width: 20px;
border-style: solid;
} 

.promo-banner {
    color: white;
    text-align: center;
    padding: 1rem;
    padding-top: 3rem;
    background-image: linear-gradient(to bottom right, #755050, #262626);
}

.promo-banner a, .promo-banner h5{
    color: white;
}

#book::after{
    box-shadow: -10px 0 50px 10px black;
}

.imagecard {
    min-height: 400px;
    background-size: cover;
    background-position: center;
    height: 100%;
}

.image8{
    background-image: url('/img/book/min/Image 8-min.jpeg');
}
.image5828{
    background-image: url('/img/book/min/IMG_5828-min.jpg');
}

.pad{ padding: 1rem;}