body{margin:0}ul{margin:0;padding:0;list-style-type:none}h1,h2{margin:0}a{text-decoration:none}button{padding:0}input{box-sizing:border-box;width:100%;height:fit-content}input:focus{outline:none}p{margin:0}:root{--brown: #3b2d15;--light-brown: #5c4012;--gray: #f9f9f9;--beige: #babbae;--blue: #1e2749;--medium-blue: #3c4460;--dark-gray: #d9d9d9;--light-blue: #7a82ab;--page-background-color: #f8f3ec;--green: #b2c5b1;--light-green: #e7f3e5;--red: #dfb5b6;--light-red: #fde4e0;--orange: #edd3ae;--light-orange: #fff0d9}body{background-color:var(--page-background-color)}.biorhyme-regular{font-family:BioRhyme,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.biorhyme-bold{font-family:BioRhyme,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.sen-regular{font-family:Sen,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.sen-bold{font-family:Sen,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.sen-semibold{font-family:Sen,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.sen-medium{font-family:Sen,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.small-text{font-size:.75rem}.white-text{color:#fff}.background-brown-hover:hover{background-color:var(--light-brown)}.background-white-hover:hover{background-color:var(--gray)}.background-white{background-color:#fff}.background-brown{background-color:var(--brown)}.background-gray{background-color:var(--gray)}.background-dark-gray{background-color:var(--dark-gray)}.background-light-blue{background-color:var(--light-blue)}.background-medium-blue{background-color:var(--medium-blue)}.background-blue{background-color:var(--blue)}.background-blue-hover:hover{background-color:var(--medium-blue)}.background-gray-hover:hover{background-color:#fff}.background-light-green{background-color:var(--light-green)}.background-light-green-hover:hover{background-color:var(--green)}.background-light-red{background:var(--light-red)}.background-light-red-hover:hover{background-color:var(--red)}.background-light-orange{background-color:var(--light-orange)}.background-light-orange-hover:hover{background-color:var(--orange)}.border-green{border-color:var(--green)}.border-red{border-color:var(--red)}.border-orange{border-color:var(--orange)}.border-beige{border-color:var(--beige)}.logo-text{font-size:1.5rem;text-transform:uppercase}.navigation-bar{background-color:var(--brown);height:4rem}.navigation-bar-content{margin-inline:var(--page-inline-margin);height:100%;display:flex;justify-content:space-between;align-items:center}.navigation-nav{display:none}.navigation-nav-links{display:flex;gap:1rem}.navigation-nav-link{padding:.5rem;border-radius:.25rem;transition:background-color .2s ease-in-out}.link-menu-item{display:block;padding-block:.5rem;padding-left:.5rem;border-radius:.25rem;transition:background-color .2s ease-in-out}.link-menu-item:hover{background-color:var(--light-brown)}@media screen and (min-width:834px){.navigation-nav{display:block}}.drop-down-menu-section{position:relative}.drop-down-menu-button{border:0;font-size:1rem;padding:.5rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease-in-out}.drop-down-menu-position-container{position:absolute;top:calc(100% + .5rem);right:0}.drop-down-menu-container{width:160px;display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-in-out}.drop-down-menu-container.showing{grid-template-rows:1fr}.drop-down-menu-content{overflow:hidden}.drop-down-menu{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-radius:.25rem}@media screen and (min-width:834px){.drop-down-menu-section{display:none}}:root{--page-inline-margin: 1rem;--page-content-margin-top: 3rem;--page-content-inline-margin: 1rem}.page-content{margin-top:var(--page-content-margin-top);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.page-content-margin{margin-inline:var(--page-content-inline-margin)}@media screen and (min-width:834px){:root{--page-inline-margin: 2rem;--page-content-inline-margin: 2rem}.page-content{margin-inline:var(--page-inline-margin)}}@media screen and (min-width:1440px){:root{--page-inline-margin: 10rem;--page-content-margin-top: 5rem}}.toast{box-sizing:border-box;border-radius:.25rem;border-width:2px;border-style:solid;padding:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:20;position:fixed;top:5rem;left:var(--page-inline-margin);right:var(--page-inline-margin)}.out-view-position{transform:translate(150%)}.toast-title{display:flex;justify-content:space-between;align-items:center}.toast-button{border:0;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease-in-out}.toast.slide-in{animation:.4s ease-out forwards slide-in}.toast.slide-out{animation:.4s ease-out forwards slide-out}@keyframes slide-in{0%{transform:translate(150%)}to{transform:translate(0)}}@keyframes slide-out{0%{transform:translate(0)}to{transform:translate(150%)}}@media screen and (min-width:834px){.toast{left:auto;width:352px}}.book-progress{display:flex;flex-direction:column;gap:.25rem}.progress-bar-container{width:100%;height:6px;border-radius:.25rem}.progress-bar{height:100%;border-radius:.25rem}