*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Avenir,sans-serif;color:#211400}body{width:100%;min-width:23.5rem;max-height:100vw}a{text-decoration:none}h1{font-size:1.5rem;line-height:2rem;font-weight:700}@media (min-width: 768px){h1{font-size:2.0625rem;line-height:2.75rem}}h2{font-size:.75rem;line-height:1.25rem;font-weight:700}ul{list-style:none}input{border:none}.error{outline:1px solid #d22d2d}button{background-color:#fbeee0;border:2px solid #422800;border-radius:30px;box-shadow:#422800 4px 4px;color:#422800;cursor:pointer;display:inline-block;font-weight:600;font-size:18px;padding:0 18px;line-height:50px;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}button:hover{background-color:#fff}button:active{box-shadow:#422800 2px 2px;transform:translate(2px,2px)}.header{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.75rem;background-color:#fff;border-bottom:.0625rem solid #dddddd;position:fixed;width:100%;z-index:10}@media (min-width: 768px){.header{padding:.75rem 4rem}}.nav{display:flex;justify-content:space-between;width:100%;align-items:center;position:relative}.nav__logo-title{font-size:2rem;transition:all .5s ease}@media (min-width: 768px){.nav__logo-title{font-size:2.5rem}}@media (min-width: 1280px){.nav__logo-title:hover{color:#422800;filter:brightness(3.25);transform:scale(1.075)}}.nav__right-side{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}@media (min-width: 768px){.nav__right-side{gap:2rem}}@media (min-width: 768px){.nav__login-button{transform:scale(1.1)}}@media (min-width: 768px){.nav__menu-title{font-size:1.25rem}}.nav__dropdown-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;right:0;top:4.25rem;margin:.5rem auto;padding:1rem 1.25rem 1.25rem;background:#ffffff80;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);box-shadow:0 .5rem 1rem #0003;border-radius:.75rem;width:100%;z-index:1}@media (min-width: 1280px){.nav__dropdown-menu{max-width:22rem}}.nav__dropdown-menu-list{list-style:none;margin:0;padding:0;width:100%;opacity:1}.nav__dropdown-menu-welcome-message{font-size:1.25rem;font-weight:600;align-self:flex-start;padding:.5rem}@media (min-width: 768px){.nav__dropdown-menu-welcome-message{font-size:1.5rem}}.nav__dropdown-menu-item{margin:.5rem 0;width:100%;font-size:1.25rem}@media (min-width: 768px){.nav__dropdown-menu-item{font-size:1.375rem}}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6rem 0}@media (min-width: 1280px){.home{padding:10rem 0}}.past-tales{padding:1rem 0}@media (min-width: 1280px){.past-tales{padding:3rem 0}}.past-tales__how-to{padding:.5rem 1rem 1.5rem;text-align:center}.past-tales__how-to-copy{line-height:1.5rem;font-size:1.25rem}.past-tales__create-booktale-button{margin:1.5rem;font-size:1.25rem}.past-tales__carousel{display:none}@media (min-width: 1280px){.past-tales__carousel{width:99.2vw;display:block}}.past-tales__list{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 1280px){.past-tales__list{display:none}}.past-tales__card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex:0 0 auto;margin:0 0 1.5rem;padding:1.75rem 1rem;border-radius:.5rem;height:32rem;width:18rem;background-color:#fcf8f2;box-shadow:.125rem .125rem .3125rem .3125rem #0000004d;gap:3rem;opacity:0;transform:translateY(-1.25rem);animation:fadeInUp .5s forwards;animation-delay:0s;transition:all .5s ease}@media (min-width: 1280px){.past-tales__card:hover{box-shadow:.25rem .25rem .625rem .625rem #00000080;transform:scale(1.03)}}@media (min-width: 768px){.past-tales__card{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:1.75 1rem 1.25rem 1rem;width:40rem;height:18rem}}@media (min-width: 1280px){.past-tales__card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex:0 0 auto;margin:0 0 1.5rem;padding:1.75rem 1rem;border-radius:.5rem;width:18rem;height:35rem}}.past-tales__image{width:10rem;box-shadow:.125rem .125rem .3125rem .3125rem #0000004d}.past-tales__info{display:flex;flex-direction:column;justify-content:space-between;align-items:normal;max-height:35%}@media (min-width: 768px){.past-tales__info{max-height:100%}}@media (min-width: 1280px){.past-tales__info{max-height:35%}}.past-tales__book-title{font-size:1.125rem}.past-tales__author{padding:0 0 1rem}.past-tales__copy{width:100%;word-wrap:break-word}.past-tales__comment{max-width:100%;margin:.25rem 0;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.past-tales__comment-bold{font-weight:600}.past-tales__date{padding:.25rem 0}.past-tales__date-bold{font-weight:600}.past-tales__location{padding:.25rem 0}.past-tales__location-bold{font-weight:600}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.carousel-container{position:relative;overflow:hidden;width:100%;height:100%}.carousel-container-inner{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;margin-left:-1rem;align-items:center;padding:1.5rem 2rem;gap:.5rem}.carousel-item{flex:0 0 auto;margin-left:1rem}.carousel-button{position:absolute;cursor:pointer;top:50%;z-index:1;transition:transform .1s ease-in-out;border-radius:1rem;padding:1rem .5rem 0rem}.left-carousel-button{left:0;transform:translate(-100%,-50%)}.carousel-container:hover .left-carousel-button{transform:translate(20%,-50%)}.right-carousel-button{right:0;transform:translate(100%,-50%)}.carousel-container:hover .right-carousel-button{transform:translate(-20%,-50%)}.left-carousel-button.hidden,.right-carousel-button.hidden{visibility:hidden}.footer{background-color:#fbeee0;color:#fff;padding:.5rem 1.5rem 0;position:fixed;left:0;bottom:0;border-radius:1rem 1rem 0 0;width:100%;text-align:center;transition:all .3s ease-in-out;z-index:10}@media (min-width: 1280px){.footer{opacity:.5}.footer:hover{opacity:1}}.footer.hidden{transform:translateY(100%)}.footer.visible{transform:translateY(0)}.footer__title{font-size:1rem;padding:.25rem 0}.footer__list{display:flex;flex-direction:row;justify-content:space-around;align-items:center;list-style-type:none}.footer__item{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:.25rem 0}.footer__item-link{display:none;color:#422800;font-size:.875rem}@media (min-width: 768px){.footer__item-link{display:block}}.footer__item-icon{width:2rem;height:2rem;padding:0 .5rem 0 0}@media (min-width: 768px){.footer__item-icon{width:2.5rem;height:2.5rem}}@media (min-width: 768px){.footer__item-icon-mail{transform:translateY(.2rem)}}.footer__item a:hover{text-decoration:underline}.footer__bottom-container{display:flex;flex-direction:row;justify-content:center;align-items:center}.not-found-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6rem 0}.book-comment-page{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6rem 1rem 2rem}@media (min-width: 768px){.book-comment-page{padding:6rem 5rem 2rem}}@media (min-width: 1280px){.book-comment-page{padding:6rem 20rem 2rem}}.book-comment-page__button-container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1rem 0;gap:1rem}.comment-creator{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 0;margin:1.5rem 0 .5rem;gap:1rem;color:#211400;border-top:.0625rem solid #211400}.comment-creator__title{font-size:1.5rem}.comment-creator__input{border:0;z-index:1;background-color:transparent;border-bottom:2px solid #eee;font:inherit;font-size:1.125rem;padding:.25rem 0;resize:none;width:100%}.comment-creator__input:focus{outline:0;border-bottom-color:#422800}.comments{width:100%}.comment{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:1rem 0rem;margin:0 auto;align-items:stretch}.comment__left{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 1rem 0 0;width:29%}.comment__right{display:flex;flex-direction:row;justify-content:normal;align-items:normal;flex-grow:1;padding:0 0 0 1rem;width:70%}.comment__divider{display:flex;flex-direction:row;justify-content:center;align-items:center;width:.0625rem;background-color:#ddd}.comment__commentor{font-weight:600;font-size:1rem;padding:0 0 .5rem;word-break:break-all}@media (min-width: 768px){.comment__commentor{font-size:1.5rem}}.comment__location{font-size:.75rem;word-wrap:break-word}@media (min-width: 768px){.comment__location{font-size:1rem}}.comment__comment{max-width:100%;word-wrap:break-word}@media (min-width: 768px){.comment__comment{font-size:1.25rem}}.comment__timestamp{font-size:.75rem}@media (min-width: 768px){.comment__timestamp{font-size:1rem}}.book-info{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.5rem 0 0;color:#211400}.book-info__container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.75rem 1rem 1.25rem;border-radius:.5rem;background-color:#fcf8f2;box-shadow:.125rem .125rem .3125rem .3125rem #0000001a;gap:3rem;transition:all .3s ease-in}@media (min-width: 1280px){.book-info__container{padding:2rem}}.book-info__image{width:10rem;box-shadow:2px 2px 5px 5px #0000004d}.book-info__title{font-size:1rem}.book-info__label{font-weight:600}.log-in-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;color:#211400;padding:7rem 0}.form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}@media (min-width: 768px){.form{padding:1.75rem 1rem 3rem;border-radius:.5rem;background-color:#fcf8f2;box-shadow:.125rem .125rem .3125rem .3125rem #0000001a;transition:all .3s ease-in;gap:3rem;font-size:2rem}}.form__input{border:0;z-index:1;background-color:transparent;border-bottom:2px solid #eee;font:inherit;font-size:1.125rem;padding:.25rem 0}.form__input:focus{outline:0;border-bottom-color:#422800}@media (min-width: 768px){.form__input{font-size:1.5rem}}@media (min-width: 768px){.form__button{margin:-.25rem 0;transform:scale(1.2)}}.sign-up{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#211400;gap:1rem;padding:6rem 0}.sign-up__form{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto 0;gap:1rem}@media (min-width: 768px){.sign-up__form{padding:1.75rem 1rem 1.25rem;border-radius:.5rem;background-color:#fcf8f2;box-shadow:.125rem .125rem .3125rem .3125rem #0000001a;transition:all .3s ease-in;gap:3rem}}.sign-up__form-field{align-self:flex-start}@media (min-width: 768px){.sign-up__form-field-label{font-size:1.5rem}}.sign-up__form-field-input{border:0;z-index:1;background-color:transparent;border-bottom:2px solid #eee;font:inherit;font-size:1.125rem;padding:.25rem 0}.sign-up__form-field-input:focus{outline:0;border-bottom-color:#422800}@media (min-width: 768px){.sign-up__form-field-input{font-size:1.25rem}}@media (min-width: 768px){.sign-up__form-button{transform:scale(1.2);margin-bottom:1rem}}.sign-up__tooltip{width:20rem;background-color:#fbeee0;border:.0625rem solid #ccc;padding:.3125rem;font-size:.75rem;color:#333;border-radius:.25rem;margin-top:.3125rem;box-sizing:border-box}@media (min-width: 768px){.sign-up__tooltip{font-size:1rem;width:25rem;margin-top:.5rem}}.landing{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:6rem 2rem;gap:3rem;color:#211400}@media (min-width: 1280px){.landing{padding:10rem 0 0}}.landing__button-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.landing__tag-line{text-align:center}@media (min-width: 768px){.landing__tag-line{font-size:1.25rem}}.create-booktale{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:6rem 0}@media (min-width: 768px){.create-booktale{padding:10rem 0}}@media (min-width: 768px){.create-booktale__button{transform:scale(1.2)}}.book-search{color:#211400}.book-search__form-input{border:0;z-index:1;background-color:transparent;border-bottom:2px solid #eee;font:inherit;font-size:1.125rem;padding:.25rem 0;font-size:1.25rem;margin:2rem 2rem 0 0}.book-search__form-input:focus{outline:0;border-bottom-color:#422800}@media (min-width: 768px){.book-search__form{transform:scale(1.2)}}.qr-code{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;color:#211400}.qr-code__copy{text-align:center;padding:0 1rem}.qr-code__container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:1rem}.qr-code__container-title{line-height:.5rem}.qr-code__button-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}