* {
    box-sizing: border-box;
}
svg{
    visibility: hidden;
}
html{
    height: 100%;
    max-width: 100%;
}
body {
    min-height: 100vh;
    max-width: 100%;
    display: flex;
    margin: 0;
    padding: 0; 
    display: flex;
    flex-direction: column;
    position: relative;
}
#body{
    min-height: 65vh;
    display: flex;
    flex-grow: 1;
    margin: 0;
    padding: 0; 
}
#header{
    display: flex;
    flex: 1;
    flex-direction: row;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    background-color: rgb(248, 248, 245);
    height: 6em;
    width: 100%;
    position: relative;
}
#logo-area{
    flex-basis: 20%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.1em;
    min-width: 25em;
}
#header-img-container{
    height: 5.5em;
    width: 5.5em;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1.5em;
}
#logo-area img{
    max-width: 100%;
    margin-top: -22.5%;
    height: auto;
    width: auto;
}
#header-logo-text{
    flex: 1;
    font-family: papyrus;
    font-size: 1.5em;
}
#nav-area a{
    text-decoration: none;
    color: rgb(43, 99, 99);
    font-size: 1.1em;
    font-family: "Papyrus";
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 2.5%;
}
#nav-area a:hover{
    color: black;
    cursor: pointer;
    transition: ease-in-out 0.125s;
}
#nav-area a.checked{
    color: black;
}
#nav-area a.checked:hover{
    cursor: default;
}
#nav-area{
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 2.5% 0 0;
}
#books-and-extras{
    display: grid;
    grid-template-columns: [books] 65vw [info]35vw;
    grid-template-rows: [title] 20px [a-bee-book] 500px [margots-test] 500px);
}
#booklist{
    flex-grow: 2;
}
#booklist-title{
    grid-column-start: books;
    grid-column-end: info;
    grid-row-start: title;
    grid-row-end: auto;
}
#etcetera-title{
    grid-column-start: info;
    grid-column-end: auto;
    grid-row-start: title;
    grid-row-end: auto;
}
#booklist, #book-extras, #merch-list{
    display: block;
    /*flex-direction: column;*/
    /*align-items: stretch;*/
    width: 100%;
    /*flex-wrap: wrap;*/
    padding: 7px;
}
#us-link {
    font-size: 150%;
}
#a-bee-book-description{
    grid-column-start: books;
    grid-column-end: info;
    grid-row-start: a-bee-book;
    grid-row-end: margots-test;
}
#margots-test-description{
    grid-column-start: books;
    grid-column-end: info;
    grid-row-start: margots-test;
    grid-row-end: auto;
}
#a-bee-book-more-info{
    grid-column-start: info;
    grid-column-end: auto;
    grid-row-start: a-bee-book;
    grid-row-end: margots-test;
}
#margots-test-more-info{
    grid-column-start: info;
    grid-column-end: auto;
    grid-row-start: margots-test;
    grid-row-end: auto;
}
.book-section {
    grid-column-start: books;
    grid-column-end: auto;
    grid-row-start: auto;
    grid-row-end: auto;
}
.book-section, .book-more-info{
    margin-bottom: 100px;
}
.book-more-info{
    width: 90%;
    padding: 1.25%;
    grid-column-start: info;
    grid-column-end: auto;
    grid-row-start: auto;
    grid-row-end: auto;
}
.book-cover-area{
    flex-basis: 25%;
    min-width: 14em;
    height: 18em;
    margin-right: 1.25%;
}
.cover-mask{
    position: absolute;
    width: 14em;
    height: 18em;
    overflow: hidden;
}
.cover-mask img{
    max-width: 100%;
    height: auto; 
    width: auto;
}
.book-title-area, .merch-name-area{
    flex-grow: 1;
    margin-left: 2%;
    flex-direction: column;
}
.title-area{
    max-width: 60%;
    margin-left: 2%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.book-title, .merch-name{
    flex: 3;
    font-size: 1.5em;
    margin-bottom: 1%;
    font-family: "Papyrus";
}
.book-description{
    font-size: 1em;
    max-width: 60%;
}
#honey-info{
    display: flex;
    flex-direction: column;
    flex-wrap:wrap;
}
#dowerhouse_pic{
    width: 27vw;
}
.merch-item{
    position: relative;
    display: flex;
    flex-basis: row;
    align-items: stretch;
    flex: 1;
    margin-bottom: 10px;
}
.page-body{
    padding: 2.5%;
    padding-top: 1%;
    display: flex;
    flex-direction: column;
}
.page-item{
    margin-bottom: 2.5%;
}
.page-title{
    font-size: 1.5em;
    color: rgb(127, 127, 123);
    font-family: "Papyrus";
    border-bottom: 1px solid rgb(127, 127, 123);
    margin-bottom: 2%;
    white-space: nowrap;
}
.page-text{
    font-size: 1em;
}
.event-area{
    color: red;
}
.event-title{
    margin-bottom: 20px;
}
.twitter-link{
    font-size: 1.5em;
    text-decoration: none;
}
.twitter-icon {
    font-size: 2.5em;
    width: 5em;
    height: 5em;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.twitter-link:hover{
    text-decoration: none !important;
    transition: ease-in-out 0.125s;
}
#footer {
    min-height: 5em;
    background-color: rgb(89, 122, 83);
    display: flex;
    flex-direction: column;
}
#footer-top-area{
    flex: 1;
    display: flex;
    flex-direction: row;
}
#footer-lower-area{
    flex: 1;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: papyrus;
    font-size: 0.8em;
    margin-top: 0.5em;
}
#footer-section-sep{
    align-self: center;
    border-top: 1px solid rgba(255,255,255,0.7);
    width: 80%;
}
#footer .twitter-icon{
    color: rgba(255,255,255,0.8);
    font-size: 1.5em;
}
#footer .twitter-icon:hover{
    color: white;
    transition: ease-in-out 0.125s;
}
#footer-main-area{
    flex-basis: 80%;
}
#footer-social-area{
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-basis: 20%;
}
#inquiry-form-area{
    display: flex;
    flex-direction: column;
    padding: 2.5%;
}
/*#inquiry-form{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/
/*#inquiry-form input{*/
/*    margin: 1.25%;*/
/*    border: 1px solid rgba(0,0,0,0.5);*/
/*    height: 2em;*/
/*}*/
/*#inquiry-form #submit{*/
/*    border-radius: 5px;*/
/*    transition: ease-in-out 0.125s;*/
/*}*/
/*#inquiry-form #submit:hover{*/
/*    cursor: pointer;*/
/*    background-color: rgb(13, 137, 85);*/
/*    transition: ease-in-out 0.125s;*/
/*    color: white;*/
/*}*/
.bio-area{
    display: flex;
    flex-direction: row;
    margin-bottom: 50px;
}
.responsive-pic{
    display: inline-block;
    max-width: 45vw;
}
.responsive-pic img{
    max-width: 45vw;
    height: auto;
    width: auto;
}
#press-photos{
    display: flex;
    flex-direction: column;
}
#author-photo-container{
    margin-bottom:50px;
}
#cover-art-container{
    display: flex;
    flex-direction: row;
}
.cover-art-credit{
    margin-bottom:20px;
}
.press-item{
    margin-right: 2em;
    max-width: 50%;
}
.press-title{
    font-size: 1.4em;
    color: rgb(127, 127, 123);
    font-family: "Papyrus";
}
.press-book-title{
    font-size: 1.2em;
    margin-bottom: 1%;
    font-family: "Papyrus";
}
.press-pic{
    display: inline-block;
    /*width: 100%;*/
}
.press-pic img{
    /*max-width: 100%;*/
    height: 200px; 
    width: auto;
}
.about-item{
    width: 90vw;
    padding: 1.25%;
}
.event-text p{
    font-family: sans-serif;
    font-size: 15px;
}
#home{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    max-width: 100%;
    width: 75%;
    margin-left: 12.5%;
    min-width: 20em;
    align-self: center;
    padding: 2.5%;
}
.home-item{
    width: 90%;
    padding: 1.25%;
}
.home-item a, .about-item a{
    display: inline-block;
    color: rgb(106, 106, 102);
    font-family: papyrus;
}
.home-special-containter{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: rgb(173, 68, 117);
    min-height: 150px;
    width: 100vw;
    margin-bottom: 30px;
}
.home-special{
    font-weight: bold;
    color: white;
    width: 95%;
    font-size: 2em;
    line-height: 40px;
}
.italic{
    font-style: italic;
}
.home-title{
    color: rgb(106, 106, 102);
}
.home-item-body{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.home-image{
    margin-right: 2.5%;
    display: inline-block;
    width: 25%;
}
.home-image img{
    max-width: 100%;
    height: auto;
    width: auto;
}
.home-item-text{
    width: 50%;
}
#home-column-content-block{
    padding: 5px 0;
    display: flex;
    flex-direction: row;
    width: 100vw;
}
.home-column-content-item{
    display: flex;
    flex-direction: column;
    max-width: 70vw;
    margin: auto;
    width: 100%;
    align-items: center;
    height: 800px;
}
#hands-of-time-text {
    /*transform:*/
    /*    translate(-50%, -50%)*/
    /*    rotate(calc(360deg / var(--total) * var(--index)))*/
    /*    translateY(calc(var(--radius, 5) * -1ch));*/
}
#circlePath{
    visibility: hidden;
}

.book-more-info .home-item #atp{
    position: absolute;
    width: 8em;
    transform: rotate(-32deg);
    left: 90%;
    top: 10%;
}
#atp img{
    max-width: 100%;
    height: auto;
    width: auto;
}
@media (max-width: 1000px) {
    .hidden-on-mobile{
        display: none;
    }
}