*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0;padding:0}body{background-color:#3d5a80;background-color:var(--clr-main-900);font-family:Georgia,serif;font-weight:600;height:100vh;overflow-x:hidden;width:100vw}.main-book-container{display:flex;position:relative}.aside-book-container{border-radius:10px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:1rem;position:-webkit-sticky;position:sticky;top:1rem;z-index:2}li{list-style:none}.bg-color-680{background-color:#abcde0}:root{--clr-white:#fff;--clr-black:#000;--clr-main-300:#e0fbfc;--clr-main-680:#abcde0;--clr-main-690:#a1c7dd;--clr-main-700:#98c1d9;--clr-main-800:#8bb9d4;--clr-main-850:#476995;--clr-main-900:#3d5a80;--clr-main-910:#375173;--clr-main-920:#314866;--clr-rgb-main-300:224,251,252;--clr-rgb-main-700:152,193,217;--clr-rgb-main-900:61,90,128;--clr-accent-dark:#293241;--clr-accent-light:#ee6c4d;--clr-rgb-accent-dark:41,50,65}.fs-125-rem{font-size:1.25rem}.fs-11-rem{font-size:1.1rem}.fs-09-rem{font-size:.9rem}.ff-main-accent{font-family:Aboreto,cursive}button{cursor:pointer;font-size:.9em;pointer-events:all}@media(max-width:450px){button{font-size:.85em}}button .menu-arrow{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.2rem;font-weight:700;-webkit-transform:rotate(180deg) translateY(4px);transform:rotate(180deg) translateY(4px);transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out}.btn.linear-gradient{border:none;border-bottom:1px solid #000;border-radius:5px;box-shadow:5px 5px 10px -5px rgba(0,0,0,.2),-5px 5px 10px -5px rgba(0,0,0,.2),4px 2px 4px -2px rgba(0,0,0,.05),-4px 2px 4px -2px rgba(0,0,0,.05),0 -1px 2px -1px rgba(0,0,0,.1);display:inline-block;overflow:hidden;padding:.25rem 1rem;position:relative}.btn.linear-gradient.clr-680-700{background-image:linear-gradient(#abcde0,#98c1d9);background-image:linear-gradient(var(--clr-main-680),var(--clr-main-700))}.btn.linear-gradient.clr-700-800{background-image:linear-gradient(#98c1d9,#8bb9d4);background-image:linear-gradient(var(--clr-main-700),var(--clr-main-800))}.btn.linear-gradient.clr-800-850{background-image:linear-gradient(#8bb9d4,#476995);background-image:linear-gradient(var(--clr-main-800),var(--clr-main-850))}.btn.linear-gradient.sign-up-in:hover{background-color:#293241;background-color:var(--clr-accent-dark);background-image:none;border-color:#ee6c4d;border-color:var(--clr-accent-light);color:#ee6c4d;color:var(--clr-accent-light)}.btn.linear-gradient.in-input-group{border-top:1px solid #abcde0;border-top:1px solid var(--clr-main-680);margin-inline:1rem}.btn.linear-gradient.in-input-group:hover,.btn.linear-gradient.notes-reviews:hover{background-color:#293241;background-color:var(--clr-accent-dark);background-image:none;border-color:#ee6c4d;border-color:var(--clr-accent-light);color:#ee6c4d;color:var(--clr-accent-light)}.btn.linear-gradient.notes-reviews-edit:hover{background-color:#ee6c4d;background-color:var(--clr-accent-light);background-image:none;color:#000}@media(max-width:550px){.btn.linear-gradient.in-card-found-book{background-image:linear-gradient(#98c1d9,#3d5a80);background-image:linear-gradient(var(--clr-main-700),var(--clr-main-900))}}@media(max-width:375px){.btn.linear-gradient.in-card-found-book{padding:.25rem .5rem}}.btn.linear-gradient.in-card-found-book:hover{background-color:#293241;background-color:var(--clr-accent-dark);background-image:none;border-color:#ee6c4d;border-color:var(--clr-accent-light);color:#ee6c4d;color:var(--clr-accent-light)}.btn.linear-gradient.book-card{border-top:1px solid #98c1d9;border-top:1px solid var(--clr-main-700);color:transparent;max-height:2rem}.btn.linear-gradient.book-card:hover{background-color:#293241;background-color:var(--clr-accent-dark);background-image:none;border-color:#ee6c4d;border-color:var(--clr-accent-light)}.btn.linear-gradient.book-card:hover:before{color:#ee6c4d;color:var(--clr-accent-light);-webkit-transform:translateX(-50%) translateY(-200%);transform:translateX(-50%) translateY(-200%)}.btn.linear-gradient.book-card:hover:after{color:#ee6c4d;color:var(--clr-accent-light);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.btn.linear-gradient.select-rating{color:#000;color:var(--clr-black)}.btn.linear-gradient.select-rating:hover{color:#ee6c4d;color:var(--clr-accent-light)}.btn.linear-gradient.notes:before{content:"Notes"}.btn.linear-gradient.review:before{content:"Review"}.btn.linear-gradient.rating:before{content:"Rating"}.btn.linear-gradient.rating-update{padding-inline:1.25rem;white-space:nowrap}@media(max-width:375px){.btn.linear-gradient.rating-update{padding-inline:.75rem}}.btn.linear-gradient.rating-0:before{content:"0 / 5"}.btn.linear-gradient.rating-1:before{content:"1 / 5"}.btn.linear-gradient.rating-2:before{content:"2 / 5"}.btn.linear-gradient.rating-3:before{content:"3 / 5"}.btn.linear-gradient.rating-4:before{content:"4 / 5"}.btn.linear-gradient.rating-5:before{content:"5 / 5"}.btn.linear-gradient.book-card:before{color:#000;color:var(--clr-black);left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.btn.linear-gradient.add:after,.btn.linear-gradient.rating:after{content:"Add"}.btn.linear-gradient.rating-update:after{content:"Update"}.btn.linear-gradient.read:after{content:"Read"}.btn.linear-gradient.book-card:after{color:#000;color:var(--clr-black);left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}@media(max-width:600px){.btn.linear-gradient.notes-reviews{white-space:nowrap}.btn.linear-gradient.back-to-shelf{position:absolute;top:0}}.btn.read-status-dropdown{border:1px solid #000;border:1px solid var(--clr-black);border-left:none;border-right:none;color:#e0fbfc;color:var(--clr-main-300);margin:auto 0;padding:.25rem 0;width:100%}.btn.read-status-dropdown.option{background-color:#293241;background-color:var(--clr-accent-dark);color:#ee6c4d;color:var(--clr-accent-light);display:block}.btn.read-status-dropdown.option:hover{background:#ee6c4d;background:var(--clr-accent-light);border-left:1px solid #000;border-right:1px solid #000;color:#293241;color:var(--clr-accent-dark)}.btn.bg-dark-main-900-gradient{background:linear-gradient(90deg,#293241 0,#293241 5%,#3d5a80 35%,#3d5a80 65%,#293241 95%,#293241);background:linear-gradient(to right,rgba(var(--clr-rgb-accent-dark),1) 0,rgba(var(--clr-rgb-accent-dark),1) 5%,rgba(var(--clr-rgb-main-900),1) 35%,rgba(var(--clr-rgb-main-900),1) 65%,rgba(var(--clr-rgb-accent-dark),1) 95%,rgba(var(--clr-rgb-accent-dark),1) 100%)}.btn.bg-dark-main-900-gradient.open{background:#293241;background:var(--clr-accent-dark);color:#ee6c4d;color:var(--clr-accent-light)}.btn.bg-dark-main-900-gradient.hidden{opacity:0;pointer-events:none}.btn.bg-dark-main-900-gradient:hover{background:#293241;background:var(--clr-accent-dark);color:#ee6c4d;color:var(--clr-accent-light)}.btn.aside-toggle{align-items:center;background-color:#8bb9d4;background-color:var(--clr-main-800);border:none;border-radius:10px;display:flex;justify-content:space-between;padding:.6rem .75rem;position:relative;width:150px}.btn.aside-toggle,.btn.aside-toggle.last-toggle{border-bottom:1px solid #000;border-bottom:1px solid var(--clr-black)}.btn.aside-toggle.last-toggle{padding-block:.6rem}.btn.aside-toggle.last-toggle.open{-webkit-padding-after:1rem;border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-block-end:1rem}.btn.aside-toggle.open{-webkit-margin-after:-8px;margin-block-end:-8px}.btn.aside-toggle.active{background-color:#476995;background-color:var(--clr-main-850);border-color:#293241;border-color:var(--clr-accent-dark);color:#fff;color:var(--clr-white);outline:1px solid #293241;outline:1px solid var(--clr-accent-dark)}.btn.aside-toggle.active:hover{border-color:#000;border-color:var(--clr-black);outline:none}.btn.aside-toggle.open span{-webkit-transform:rotate(0deg) translateY(4px);transform:rotate(0deg) translateY(4px)}.btn.aside-toggle.sort-option{-webkit-padding-before:1rem;background-color:#abcde0;background-color:var(--clr-main-680);border-top-left-radius:0;border-top-right-radius:0;padding-block-start:1rem}.btn.aside-toggle.sort-option.active{background-color:#476995;background-color:var(--clr-main-850);border-color:#000;border-color:var(--clr-black);color:#fff;color:var(--clr-white);outline:none}.btn.aside-toggle.sort-option.active:hover,.btn.aside-toggle.sort-option.open{background-color:#293241;background-color:var(--clr-accent-dark);color:#ee6c4d;color:var(--clr-accent-light)}.btn.aside-toggle.sort-option.open{border-color:#000;border-color:var(--clr-black)}.btn.aside-toggle.sort-option.open:hover{background-color:#ee6c4d;background-color:var(--clr-accent-light);color:#293241;color:var(--clr-accent-dark)}.btn.aside-toggle.sort-option.sub{background-color:#293241;background-color:var(--clr-accent-dark);border-color:#000;border-color:var(--clr-black);color:#ee6c4d;color:var(--clr-accent-light);justify-content:center}.btn.aside-toggle.sort-option.sub:hover{background-color:#ee6c4d;background-color:var(--clr-accent-light);color:#293241;color:var(--clr-accent-dark)}.btn.aside-toggle:hover{background-color:#293241;background-color:var(--clr-accent-dark);color:#ee6c4d;color:var(--clr-accent-light)}.btn.open-mobile-aside-menu{display:none}@media(max-width:650px){.btn.open-mobile-aside-menu{align-items:center;background-color:#98c1d9;background-color:var(--clr-main-700);border:none;border-bottom:1px solid #000;border-bottom:1px solid var(--clr-black);border-radius:10px;display:inline-block;padding:.6rem .75rem;position:absolute;right:1.5rem;top:-2rem;transition:all .25s ease-in-out;width:150px}.btn.open-mobile-aside-menu.open{opacity:0;pointer-events:none}.btn.open-mobile-aside-menu.closed{opacity:1}}.btn.modal-arrows{background-color:transparent;border:none;display:inline-block;font-size:1.25rem;padding:.25rem 1rem;position:relative}.btn.modal-arrows:hover{color:#ee6c4d;color:var(--clr-accent-light)}.btn.close-menu-x{background-color:transparent;border:none;height:25px;overflow:hidden;position:absolute;right:1rem;top:1rem;width:25px}.btn.close-menu-x.on-notes{top:-2rem}@media(max-width:700px){.btn.close-menu-x.on-notes{right:.5rem;top:-3.5rem}}.btn.close-menu-x .bar{background-color:#e0fbfc;background-color:var(--clr-main-300);border-radius:50px;height:3px;left:0;position:absolute;top:11px;width:95%}.btn.close-menu-x .bar.top{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.btn.close-menu-x .bar.top.closed{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out}.btn.close-menu-x .bar.top.open{transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out}.btn.close-menu-x .bar.bottom{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.btn.close-menu-x .bar.bottom.closed{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out}.btn.close-menu-x .bar.bottom.open{transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out}.btn.close-menu-x.on-modal .bar,.btn.close-menu-x.on-notes .bar{background-color:#293241;background-color:var(--clr-accent-dark)}.btn.close-menu-x.on-modal:hover .bar,.btn.close-menu-x.on-notes:hover .bar{background-color:#ee6c4d;background-color:var(--clr-accent-light)}.btn.settings-menu-toggle{background-color:transparent;border:none;display:flex;flex-direction:column;overflow:hidden;padding-block:.5rem;position:relative;z-index:101}.btn.settings-menu-toggle span{background-color:#000;border-radius:100vh;display:block;height:4px;-webkit-transform:translate(0);transform:translate(0);width:50px}.btn.settings-menu-toggle span:first-child{align-self:flex-start;transition:all .25s ease-in-out;width:75%}.btn.settings-menu-toggle span:nth-child(2){margin-block:.5rem;transition:all .25s ease-in-out .15s}.btn.settings-menu-toggle span:nth-child(3){align-self:flex-end;transition:all .25s ease-in-out .3s;width:75%}.btn.settings-menu-toggle span:nth-child(4),.btn.settings-menu-toggle span:nth-child(5){left:.5rem;position:absolute;top:50%;-webkit-transform:translatX(-50%);transform:translatX(-50%);width:75%}.btn.settings-menu-toggle span:nth-child(4),.btn.settings-menu-toggle span:nth-child(5){-webkit-transform:rotate(0) scaleX(0);transform:rotate(0) scaleX(0);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.btn.settings-menu-toggle.open span:first-child{align-self:flex-start;-webkit-transform:translate(-100%);transform:translate(-100%);width:75%}.btn.settings-menu-toggle.open span:nth-child(2){margin-block:.5rem;-webkit-transform:translate(125%);transform:translate(125%)}.btn.settings-menu-toggle.open span:nth-child(3){align-self:flex-end;-webkit-transform:translate(-135%);transform:translate(-135%);width:75%}.btn.settings-menu-toggle.open span:nth-child(4){-webkit-transform:rotate(-45deg) scaleX(1);transform:rotate(-45deg) scaleX(1)}.btn.settings-menu-toggle.open span:nth-child(4),.btn.settings-menu-toggle.open span:nth-child(5){background-color:#98c1d9;background-color:var(--clr-main-700);transition:-webkit-transform .35s ease-in-out .3s;transition:transform .35s ease-in-out .3s;transition:transform .35s ease-in-out .3s,-webkit-transform .35s ease-in-out .3s}.btn.settings-menu-toggle.open span:nth-child(5){-webkit-transform:rotate(45deg) scaleX(1);transform:rotate(45deg) scaleX(1)}.btn.nav{background-color:transparent;background-color:#8bb9d4;background-color:var(--clr-main-800);border:none;border-bottom:2px solid #000;border-radius:10px;isolation:isolate;margin-inline:auto;overflow:hidden;padding-block:1.125rem;position:relative;width:90%}.btn.nav:hover:before{color:#000}.btn.nav:hover:after,.btn.nav:hover:before{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:right;transform-origin:right}.btn.nav:before{background-color:#ee6c4d;background-color:var(--clr-accent-light);content:"";inset:0;position:absolute;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .45s ease-in-out;transition:transform .45s ease-in-out;transition:transform .45s ease-in-out,-webkit-transform .45s ease-in-out;z-index:-1}.btn.nav:after{align-items:center;bottom:0;content:"→";display:flex;font-size:1.25rem;position:absolute;right:2px;top:0;-webkit-transform:translateX(calc(100% + 2px));transform:translateX(calc(100% + 2px));-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.btn.nav.in-progress:hover:before{align-items:center;content:"Future Release";display:flex;justify-content:center;z-index:0}.btn.toggle-form{background-color:transparent;border:none;color:#e0fbfc;color:var(--clr-main-300);font-size:.9rem;padding:.25rem;position:relative;text-decoration:underline}.btn.toggle-form:hover{color:#ee6c4d;color:var(--clr-accent-light)}.btn.toggle-form.landing-toggle{display:none}@media(max-width:800px){.btn.toggle-form.landing-toggle{display:block;position:absolute;right:1rem;top:1rem;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out;z-index:2}.btn.toggle-form.landing-toggle.open{-webkit-transform:translateY(calc(100vh - 3rem));transform:translateY(calc(100vh - 3rem))}}.card-book{-webkit-margin-after:3rem;background-color:#98c1d9;background-color:var(--clr-main-700);border-radius:150px 5px 5px 200px;display:flex;margin-block-end:3rem;margin-inline:1rem;padding:0 .5rem 0 1rem;position:relative}@media(max-width:450px){.card-book{padding:0}}@media(max-width:325px){.card-book{margin-inline:.5rem}}.card-book-right{display:flex;flex-direction:column;padding-inline:.25rem;text-align:center;width:100%}@media(max-width:450px){.card-book-right{padding-inline:0 .25rem}}.card-book-enter{opacity:.1;-webkit-transform:scale(.45);transform:scale(.45);-webkit-transform-origin:top right;transform-origin:top right}.card-book-enter-active{transition:opacity .2s ease-in-out .2s,-webkit-transform .4s ease-in-out;transition:opacity .2s ease-in-out .2s,transform .4s ease-in-out;transition:opacity .2s ease-in-out .2s,transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.card-book-enter-active,.card-book-exit{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:top right;transform-origin:top right}.card-book-exit-active{opacity:.1;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:top right;transform-origin:top right;transition:opacity .4s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .4s ease-in-out,transform .5s ease-in-out;transition:opacity .4s ease-in-out,transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.card-control-menu{-webkit-margin-after:2rem;border-radius:10px;isolation:isolate;margin-block-end:2rem;width:150px}.card-control-menu,.card-control-menu .input-btn-group{display:flex;flex-direction:column}.card-sort-option{-webkit-margin-after:-8px;background-color:#abcde0;background-color:var(--clr-main-680);border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin-block-end:-8px;position:relative}.card-sort-option.last-option{border-radius:10px}.card-sort-option.sub{-webkit-margin-after:0;-webkit-margin-before:-8px;background-color:#293241;background-color:var(--clr-accent-dark);margin-block-end:0;margin-block-start:-8px}@media(max-width:650px){.card-sort-option.bg-main-900{background-color:transparent}}.card-found-book{-webkit-margin-before:4rem;align-items:flex-start;background:linear-gradient(#98c1d9,#98c1d9 55%,#3d5a80 90%,#3d5a80);background:linear-gradient(rgba(var(--clr-rgb-main-700),1) 0,rgba(var(--clr-rgb-main-700),1) 55%,rgba(var(--clr-rgb-main-900),1) 90%,rgba(var(--clr-rgb-main-900),1) 100%);border-radius:150px 5px 5px 200px;display:flex;flex:1 1;margin-block-start:4rem;padding:1rem;width:100%}.card-note{background-color:#293241;background-color:var(--clr-accent-dark);border-radius:5px;border-bottom-left-radius:25px;color:#e0fbfc;color:var(--clr-main-300);display:flex;margin-inline:1rem;margin-top:1.5rem;padding:1rem .5rem 1rem 1rem}@media(max-width:550px){.card-note{-webkit-padding-end:1rem;-webkit-padding-after:.5rem;flex-direction:column;margin-inline:0;padding-block-end:.5rem;padding-inline-end:1rem}}.card-note-btn-container,.card-note-btn-container button:nth-child(2){-webkit-margin-start:.5rem;margin-inline-start:.5rem}@media(max-width:850px){.card-note-btn-container{display:flex;flex-direction:column}.card-note-btn-container button:nth-child(2){-webkit-margin-start:0;-webkit-margin-before:.5rem;margin-block-start:.5rem;margin-inline-start:0}}@media(max-width:550px){.card-note-btn-container{align-items:flex-end;flex-direction:row;justify-content:flex-end}.card-note-btn-container button:nth-child(2){-webkit-margin-start:.5rem;margin-inline-start:.5rem}}.card-note textarea{background-color:#e0fbfc;background-color:var(--clr-main-300);border:none;border-radius:5px;border-bottom-left-radius:25px;border-bottom-right-radius:0;color:#000;color:var(--clr-black);flex-grow:1;font-size:1rem;max-width:80%;padding:.5rem .5rem .5rem .75rem}@media(max-width:550px){.card-note textarea{max-width:100%}}.card-note p{flex-grow:1;padding-bottom:.125rem;padding-top:.25rem}@media(max-width:550px){.card-note p{margin-bottom:.5rem}}.dropdown.li:nth-child(2){-webkit-transform:translateY(-1px);transform:translateY(-1px)}.dropdown.li:nth-child(3){-webkit-transform:translateY(-2px);transform:translateY(-2px)}.dropdown-read-status{width:100%}.dropdown-read-status.hidden{opacity:0}.dropdown-read-status.open{padding-inline:.5rem;position:absolute;top:calc(100% - 2.4rem)}.form-landing-page{-webkit-margin-before:5rem;background-color:#98c1d9;background-color:var(--clr-main-700);border-radius:10px;flex-shrink:0;margin-block-start:5rem;margin-inline:auto;overflow:hidden;position:relative;width:min(80%,450px)}@media(max-width:450px){.form-landing-page{-webkit-margin-before:3rem;margin-block-start:3rem}}.form-landing-page .container-form{align-items:center;display:flex;flex-direction:column;inset:0;position:absolute;-webkit-transform:translateY(-150%);transform:translateY(-150%);transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out}.form-landing-page .container-form.creat-account{inset:0;position:absolute;-webkit-transform:translateY(150%);transform:translateY(150%)}.form-landing-page .container-form.shown{position:relative;-webkit-transform:translateY(0);transform:translateY(0)}.form-landing-page .container-form button{margin-bottom:2rem;margin-top:1rem}.form-landing-page .container-form>div{display:flex;flex-direction:column;padding:1rem 3rem;position:relative;width:min(100%,450px)}.form-landing-page .container-form>div .error{bottom:0;color:red;font-size:.75rem;left:3rem;position:absolute}.form-landing-page .container-form>div:not(:nth-child(2)){-webkit-padding-before:0;padding-block-start:0}.form-landing-page label{font-size:1.1rem}.form-landing-page input{-webkit-margin-before:.5rem;background-color:#e0fbfc;background-color:var(--clr-main-300);border:none;border-bottom:2px solid #293241;border-bottom:2px solid var(--clr-accent-dark);border-radius:3px;color:inherit;font-size:.9rem;margin-block-start:.5rem;padding:.25rem}.main-header{-webkit-margin-after:1.5rem;background-color:#98c1d9;background-color:var(--clr-main-700);display:flex;justify-content:space-between;margin-block-end:1.5rem;padding-inline:3rem}.main-header .user-settings-menu{align-items:center;display:flex}@media(max-width:650px){.main-header{-webkit-margin-after:3.5rem;margin-block-end:3.5rem}}@media(max-width:450px){.main-header{padding-inline:1.5rem}}.header-landing-page{background-color:#98c1d9;background-color:var(--clr-main-700);padding-block:2rem;width:100%}.header-landing-page h1{font-family:Aboreto,cursive;font-size:3.5rem;margin-inline:auto;width:min(80%,650px)}@media(max-width:1150px){.header-landing-page h1{font-size:3rem}}@media(max-width:950px){.header-landing-page h1{font-size:2.5rem}}.header-form-login{-webkit-padding-before:1rem;-webkit-margin-after:1rem;-webkit-padding-start:1.5rem;align-self:flex-start;margin-block-end:1rem;padding-block-start:1rem;padding-inline-start:1.5rem}.header-form-login h3{font-size:1.5rem}.header-modal-find-book{align-items:center;background-color:#98c1d9;background-color:var(--clr-main-700);padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2}.header-modal-find-book,.header-notes{display:flex;justify-content:space-between}.header-notes{-webkit-padding-after:2rem;padding-block-end:2rem}@media(max-width:700px){.header-notes{-webkit-margin-after:3rem;-webkit-padding-after:4rem;margin-block-end:3rem;padding-block-end:4rem}}.header-notes .notes-title{-webkit-padding-before:1.5rem;font-size:2rem;max-width:5ch;padding-block-start:1.5rem}@media(max-width:700px){.header-notes .notes-title{-webkit-padding-before:.5rem;font-size:1.5rem;padding-block-start:.5rem}}.header-notes-wraper-center-right{display:flex;left:0;position:absolute;right:0;top:3rem;width:100%}.header-notes-wraper-center-right div:first-child{flex-grow:1}@media(max-width:700px){.header-notes-wraper-center-right{top:4rem}}.input.controls{background-color:#e0fbfc;background-color:var(--clr-main-300);border:none;border-bottom:2px solid #293241;border-bottom:2px solid var(--clr-accent-dark);border-radius:5px;font-size:.9rem;max-width:100%;padding:.25rem 0 0 .25rem}.input-group{-webkit-padding-before:1.25rem;background-color:#abcde0;background-color:var(--clr-main-680);border-bottom:1px solid #3d5a80;border-bottom:1px solid var(--clr-main-900);border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin-bottom:-8px;padding-block-start:1.25rem;position:relative}.input-group .title{display:inline-block;font-size:.8rem;margin:.25rem 0 .5rem}.landing-page{display:flex;min-height:100vh;overflow:hidden;position:relative}.landing-page .panel-right{background-color:#3d5a80;background-color:var(--clr-main-900);display:flex;flex:1 1;flex-direction:column}@media(max-width:800px){.landing-page .panel-right{inset:0;overflow:scroll;position:absolute;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out;width:100%}.landing-page .panel-right.open{-webkit-transform:translateY(0);transform:translateY(0)}}.landing-page .panel-right footer{display:flex;flex:1 1;flex-direction:column;justify-content:flex-end}.landing-page .panel-right footer p{-webkit-padding-before:3rem;-webkit-margin-after:1rem;font-size:.85rem;margin-block-end:1rem;margin-inline:1rem 6rem;padding-block-start:3rem;text-align:left}.landing-page .panel-left{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;width:55%}.landing-page .panel-left:before{background-color:rgba(0,0,0,.75);content:"";inset:0;position:absolute;z-index:-1}.landing-page .panel-left img{height:100%;object-fit:cover;position:absolute;width:100%;z-index:-2}.landing-page .panel-left div{-webkit-margin-after:8rem;background-color:#98c1d9;background-color:var(--clr-main-700);border-radius:50px 50px 100px 100px;margin-block-end:8rem;padding:1rem 3rem 2rem;width:min(75%,550px)}@media(max-width:400px){.landing-page .panel-left div{width:min(90%,550px)}}.landing-page .panel-left h2{font-size:1.75rem;margin-bottom:.5rem}.landing-page .panel-left p{-webkit-padding-start:.5rem;padding-inline-start:.5rem}@media(max-width:800px){.landing-page .panel-left{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out;width:100%}.landing-page .panel-left.closed{-webkit-transform:translateY(100%);transform:translateY(100%)}}dialog{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}dialog[id=find-book]{background:#3d5a80;background:var(--clr-main-900);border:none;border-radius:10px;height:90%;width:min(75%,750px)}@media(max-width:750px){dialog[id=find-book]{width:85%}}@media(max-width:650px){dialog[id=find-book]{width:95%}}dialog[open=""]{display:flex;flex-direction:column}dialog::-webkit-backdrop{background:rgba(0,0,0,.75)}dialog::backdrop{background:rgba(0,0,0,.75)}.nav-main{background-color:#293241;background-color:var(--clr-accent-dark);bottom:0;display:flex;flex-direction:column;position:absolute;right:0;top:0;width:min(65%,200px);z-index:100}.nav-main-header{-webkit-margin-before:6rem;align-items:flex-end;display:flex;justify-content:flex-start;margin-block-start:6rem}.nav-main-header img{border:3px solid #8bb9d4;border:3px solid var(--clr-main-800);border-radius:100vh;flex-shrink:0;height:56px;margin-inline:1rem .75rem;width:56px}.nav-main-header p{color:azure;font-size:1.1rem;max-width:10ch;overflow-wrap:break-word;padding-right:1rem;position:relative}.nav-main-header p:after{background-color:#000;bottom:0;content:"";height:2px;left:-5px;position:absolute;right:.5rem;z-index:-1}.nav-main-header.long-text{align-items:flex-start;flex-direction:column}.nav-main-header.long-text p{align-self:flex-end;margin-top:.25rem;max-width:15ch}.nav-main-list-container{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin-block:2.5rem 4rem}.nav-main-list-container li{align-items:center;display:flex}.title-main{font-family:Aboreto,cursive;max-width:9ch;padding-block:1rem}.after-element-bar-25:after{width:25%}.after-element-bar-25:after,.after-element-bar-50:after{border-top:2px solid #293241;border-top:2px solid var(--clr-accent-dark);content:"";display:inline-block;opacity:.35}.after-element-bar-50:after{width:50%}@media(max-width:650px){.mobile-aside{-webkit-padding-before:6rem;background-color:rgba(41,50,65,.95);border-radius:0;left:0;min-height:100vh;padding-block-start:6rem;padding-inline:1rem;position:fixed;top:0;-webkit-transform:translateX(calc(-100% - 1.5rem));transform:translateX(calc(-100% - 1.5rem));transition:all .45s ease-in-out}.mobile-aside.open{-webkit-transform:translateX(0);transform:translateX(0)}}@media(max-width:450px){.mobile-fs-300.fs-300{font-size:.75rem}}.screen-reader-only{color:transparent;height:1px;pointer-events:none;scale:.05;width:1px}.clr-neutral-light{color:#fff}.bg-neutral-light{background-color:#fff}.clr-neutral-normal{color:gray}.bg-neutral-normal{background-color:gray}.clr-neutral-dark{color:#000}.bg-neutral-dark{background-color:#000}.clr-main-300{color:#e0fbfc}.bg-main-300{background-color:#e0fbfc}.clr-main-680{color:#abcde0}.bg-main-680{background-color:#abcde0}.clr-main-690{color:#a1c7dd}.bg-main-690{background-color:#a1c7dd}.clr-main-700{color:#98c1d9}.bg-main-700{background-color:#98c1d9}.clr-main-800{color:#8bb9d4}.bg-main-800{background-color:#8bb9d4}.clr-main-850{color:#476995}.bg-main-850{background-color:#476995}.clr-main-900{color:#3d5a80}.bg-clr-900,.bg-main-900{background-color:#3d5a80}.bg-clr-900{background-color:var(--clr-main-900)}.container{margin-inline:auto;width:min(100% - 2rem,60rem)}.container-form-toggle-btns{display:flex;margin-inline:auto;width:min(80%,450px)}.container-form-toggle-btns p{font-size:.85rem;margin-top:.25rem}.container-form-toggle-btns>div:first-child{width:100%}.container-form-toggle-btns>div:last-child{flex-shrink:0;margin-top:.5rem;max-width:75%;overflow:hidden;position:relative}.container-form-toggle-btns>div:last-child p{position:absolute;text-align:right;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.container-form-toggle-btns>div:last-child p.shown{position:relative;-webkit-transform:translateY(0);transform:translateY(0)}.container-book{flex:1 1;grid-template-columns:repeat(auto-fill,minmax(425px,1fr));padding:2rem 2rem 1.5rem 1rem;place-content:start}@media(max-width:450px){.container-book{grid-template-columns:1fr;padding:2rem 0 1.5rem}}.container-book-img{align-items:center;background-color:#293241;background-color:var(--clr-accent-dark);border-radius:5px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:translateY(-1.5rem);transform:translateY(-1.5rem)}@media(max-width:450px){.container-book-img{scale:.85;-webkit-transform:translateY(-2.5rem);transform:translateY(-2.5rem)}}.container-book-img img{border-radius:3px}.container-book-right-bottom{align-items:center;display:flex;justify-content:space-between}.container-book-notes-review-btns{align-items:flex-end;display:flex;flex-direction:row;height:100%;justify-content:space-around;padding-inline:1rem}@media(max-width:450px){.container-book-notes-review-btns{padding-inline:.5rem}}@media(max-width:375px){.container-book-notes-review-btns button.book-card{padding:.25rem .5rem}}.container-book-rating-genre-btns{-webkit-margin-before:1rem;margin-block-start:1rem;padding-inline:.5rem}@media(max-width:375px){.container-book-rating-genre-btns{-webkit-margin-before:1rem;margin-block-start:1rem;padding-inline:.25rem}}.container-select-rating-top{position:relative}.container-select-rating-bottom{background-color:#98c1d9;background-color:var(--clr-main-700);border-radius:5px;left:0;position:absolute;right:0}.container-found-book{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-inline:4rem}@media(max-width:650px){.container-found-book{padding-inline:1rem}}@media(max-width:450px){.container-found-book{padding-inline:.5rem .75rem}}.container-found-book-inside-container{align-items:center;display:flex;flex-direction:column}.container-found-book-inside-container.left{-webkit-margin-start:.5rem;background-color:#293241;background-color:var(--clr-accent-dark);border-radius:5px;margin-inline-start:.5rem;padding:.25rem;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}@media(max-width:450px){.container-found-book-inside-container.left{-webkit-margin-start:0;margin-inline-start:0;scale:.85;-webkit-transform:translateY(-4rem);transform:translateY(-4rem)}}.container-found-book-inside-container.center-right-wraper{display:flex;flex-direction:row;width:100%}@media(max-width:550px){.container-found-book-inside-container.center-right-wraper{flex-direction:column}}.container-found-book-inside-container.center{flex-grow:1;padding-inline:1rem;text-align:center}@media(max-width:450px){.container-found-book-inside-container.center{padding-inline:.25rem}}.container-found-book-inside-container.right{-webkit-margin-before:1rem;align-self:flex-start;flex-shrink:0;margin-block-start:1rem;padding-inline:0}@media(max-width:550px){.container-found-book-inside-container.right{-webkit-margin-before:0;align-self:center;flex-shrink:1;margin-block-start:0}}.container-notes{background-color:#98c1d9;background-color:var(--clr-main-700);margin-inline:auto;margin-top:2rem;padding-inline:1rem;position:relative;width:min(75%,1000px)}@media(max-width:750px){.container-notes{width:85%}}.display-hidden{display:none}@media(min-width:650px){.display-hidden-web{display:none}}@media(max-width:650px){.display-hidden-mobile{display:none}}.flow>:where(:not(:first-child)){margin-top:1rem;margin-top:var(--flow-spacer,1rem)}.fs-900{font-size:2.5rem}.fs-800{font-size:2rem}.fs-700{font-size:1.75rem}.fs-600{font-size:1.5rem}.fs-500{font-size:1.3125rem}.fs-550{font-size:1.2rem}.fs-400{font-size:1.125rem}.fs-300{font-size:.9rem}@media(max-width:450px){.fs-600{font-size:1.25rem}.fs-550{font-size:1rem}.fs-300{font-size:.85rem}}.fw-regular{font-weight:400}.fw-bold{font-weight:700}.grid{display:grid}.box-shadow{box-shadow:10px 10px 20px -5px rgba(0,0,0,.25),5px 5px 20px -5px rgba(0,0,0,.5),2px 2px 5px 0 rgba(0,0,0,.25)}.box-shadow-light{box-shadow:7px 7px 10px -5px rgba(0,0,0,.2),5px 5px 5px -5px rgba(0,0,0,.4),2px 2px 2px 0 rgba(0,0,0,.2)}.box-shadow-lightest{box-shadow:5px 5px 10px -5px rgba(0,0,0,.2),-5px 5px 10px -5px rgba(0,0,0,.2),4px 2px 4px -2px rgba(0,0,0,.05),-4px 2px 4px -2px rgba(0,0,0,.05),0 -1px 2px -1px rgba(0,0,0,.1)}.bottom-shadow{box-shadow:0 15px 10px -10px rgba(0,0,0,.2),0 10px 5px -10px rgba(0,0,0,.4),0 2px 2px -1px rgba(0,0,0,.2)}.bottom-shadow-light{box-shadow:0 10px 10px -10px rgba(0,0,0,.2),0 7px 5px -10px rgba(0,0,0,.4),0 1px 2px -1px rgba(0,0,0,.2)}.top-shadow{box-shadow:0 -15px 10px -10px rgba(0,0,0,.2),0 -10px 5px -10px rgba(0,0,0,.4),0 -2px 2px -1px rgba(0,0,0,.2)}.top-shadow-light{box-shadow:0 -10px 10px -10px rgba(0,0,0,.2),0 -7px 5px -10px rgba(0,0,0,.4),0 -1px 2px -1px rgba(0,0,0,.2)}.left-box-shadow-light{box-shadow:-7px 7px 10px -5px rgba(0,0,0,.2),-5px 5px 5px -5px rgba(0,0,0,.4),-2px 2px 2px 0 rgba(0,0,0,.2)}.margin-4{margin:.25rem}.margin-block-start-4{-webkit-margin-before:.25rem;margin-block-start:.25rem}.margin-block-end-4{-webkit-margin-after:.25rem;margin-block-end:.25rem}.margin-block-4{margin-block:.25rem}.margin-inline-start-4{-webkit-margin-start:.25rem;margin-inline-start:.25rem}.margin-inline-end-4{-webkit-margin-end:.25rem;margin-inline-end:.25rem}.margin-inline-4{margin-inline:.25rem}.padding-4{padding:.25rem}.padding-block-start-4{-webkit-padding-before:.25rem;padding-block-start:.25rem}.padding-block-end-4{-webkit-padding-after:.25rem;padding-block-end:.25rem}.padding-block-4{padding-block:.25rem}.padding-inline-start-4{-webkit-padding-start:.25rem;padding-inline-start:.25rem}.padding-inline-end-4{-webkit-padding-end:.25rem;padding-inline-end:.25rem}.padding-inline-4{padding-inline:.25rem}.margin-8{margin:.5rem}.margin-block-start-8{-webkit-margin-before:.5rem;margin-block-start:.5rem}.margin-block-end-8{-webkit-margin-after:.5rem;margin-block-end:.5rem}.margin-block-8{margin-block:.5rem}.margin-inline-start-8{-webkit-margin-start:.5rem;margin-inline-start:.5rem}.margin-inline-end-8{-webkit-margin-end:.5rem;margin-inline-end:.5rem}.margin-inline-8{margin-inline:.5rem}.padding-8{padding:.5rem}.padding-block-start-8{-webkit-padding-before:.5rem;padding-block-start:.5rem}.padding-block-end-8{-webkit-padding-after:.5rem;padding-block-end:.5rem}.padding-block-8{padding-block:.5rem}.padding-inline-start-8{-webkit-padding-start:.5rem;padding-inline-start:.5rem}.padding-inline-end-8{-webkit-padding-end:.5rem;padding-inline-end:.5rem}.padding-inline-8{padding-inline:.5rem}.margin-12{margin:.75rem}.margin-block-start-12{-webkit-margin-before:.75rem;margin-block-start:.75rem}.margin-block-end-12{-webkit-margin-after:.75rem;margin-block-end:.75rem}.margin-block-12{margin-block:.75rem}.margin-inline-start-12{-webkit-margin-start:.75rem;margin-inline-start:.75rem}.margin-inline-end-12{-webkit-margin-end:.75rem;margin-inline-end:.75rem}.margin-inline-12{margin-inline:.75rem}.padding-12{padding:.75rem}.padding-block-start-12{-webkit-padding-before:.75rem;padding-block-start:.75rem}.padding-block-end-12{-webkit-padding-after:.75rem;padding-block-end:.75rem}.padding-block-12{padding-block:.75rem}.padding-inline-start-12{-webkit-padding-start:.75rem;padding-inline-start:.75rem}.padding-inline-end-12{-webkit-padding-end:.75rem;padding-inline-end:.75rem}.padding-inline-12{padding-inline:.75rem}.margin-16{margin:1rem}.margin-block-start-16{-webkit-margin-before:1rem;margin-block-start:1rem}.margin-block-end-16{-webkit-margin-after:1rem;margin-block-end:1rem}.margin-block-16{margin-block:1rem}.margin-inline-start-16{-webkit-margin-start:1rem;margin-inline-start:1rem}.margin-inline-end-16{-webkit-margin-end:1rem;margin-inline-end:1rem}.margin-inline-16{margin-inline:1rem}.padding-16{padding:1rem}.padding-block-start-16{-webkit-padding-before:1rem;padding-block-start:1rem}.padding-block-end-16{-webkit-padding-after:1rem;padding-block-end:1rem}.padding-block-16{padding-block:1rem}.padding-inline-start-16{-webkit-padding-start:1rem;padding-inline-start:1rem}.padding-inline-end-16{-webkit-padding-end:1rem;padding-inline-end:1rem}.padding-inline-16{padding-inline:1rem}.margin-20{margin:1.25rem}.margin-block-start-20{-webkit-margin-before:1.25rem;margin-block-start:1.25rem}.margin-block-end-20{-webkit-margin-after:1.25rem;margin-block-end:1.25rem}.margin-block-20{margin-block:1.25rem}.margin-inline-start-20{-webkit-margin-start:1.25rem;margin-inline-start:1.25rem}.margin-inline-end-20{-webkit-margin-end:1.25rem;margin-inline-end:1.25rem}.margin-inline-20{margin-inline:1.25rem}.padding-20{padding:1.25rem}.padding-block-start-20{-webkit-padding-before:1.25rem;padding-block-start:1.25rem}.padding-block-end-20{-webkit-padding-after:1.25rem;padding-block-end:1.25rem}.padding-block-20{padding-block:1.25rem}.padding-inline-start-20{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}.padding-inline-end-20{-webkit-padding-end:1.25rem;padding-inline-end:1.25rem}.padding-inline-20{padding-inline:1.25rem}.margin-24{margin:1.5rem}.margin-block-start-24{-webkit-margin-before:1.5rem;margin-block-start:1.5rem}.margin-block-end-24{-webkit-margin-after:1.5rem;margin-block-end:1.5rem}.margin-block-24{margin-block:1.5rem}.margin-inline-start-24{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}.margin-inline-end-24{-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}.margin-inline-24{margin-inline:1.5rem}.padding-24{padding:1.5rem}.padding-block-start-24{-webkit-padding-before:1.5rem;padding-block-start:1.5rem}.padding-block-end-24{-webkit-padding-after:1.5rem;padding-block-end:1.5rem}.padding-block-24{padding-block:1.5rem}.padding-inline-start-24{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.padding-inline-end-24{-webkit-padding-end:1.5rem;padding-inline-end:1.5rem}.padding-inline-24{padding-inline:1.5rem}.margin-32{margin:2rem}.margin-block-start-32{-webkit-margin-before:2rem;margin-block-start:2rem}.margin-block-end-32{-webkit-margin-after:2rem;margin-block-end:2rem}.margin-block-32{margin-block:2rem}.margin-inline-start-32{-webkit-margin-start:2rem;margin-inline-start:2rem}.margin-inline-end-32{-webkit-margin-end:2rem;margin-inline-end:2rem}.margin-inline-32{margin-inline:2rem}.padding-32{padding:2rem}.padding-block-start-32{-webkit-padding-before:2rem;padding-block-start:2rem}.padding-block-end-32{-webkit-padding-after:2rem;padding-block-end:2rem}.padding-block-32{padding-block:2rem}.padding-inline-start-32{-webkit-padding-start:2rem;padding-inline-start:2rem}.padding-inline-end-32{-webkit-padding-end:2rem;padding-inline-end:2rem}.padding-inline-32{padding-inline:2rem}.margin-36{margin:2.25rem}.margin-block-start-36{-webkit-margin-before:2.25rem;margin-block-start:2.25rem}.margin-block-end-36{-webkit-margin-after:2.25rem;margin-block-end:2.25rem}.margin-block-36{margin-block:2.25rem}.margin-inline-start-36{-webkit-margin-start:2.25rem;margin-inline-start:2.25rem}.margin-inline-end-36{-webkit-margin-end:2.25rem;margin-inline-end:2.25rem}.margin-inline-36{margin-inline:2.25rem}.padding-36{padding:2.25rem}.padding-block-start-36{-webkit-padding-before:2.25rem;padding-block-start:2.25rem}.padding-block-end-36{-webkit-padding-after:2.25rem;padding-block-end:2.25rem}.padding-block-36{padding-block:2.25rem}.padding-inline-start-36{-webkit-padding-start:2.25rem;padding-inline-start:2.25rem}.padding-inline-end-36{-webkit-padding-end:2.25rem;padding-inline-end:2.25rem}.padding-inline-36{padding-inline:2.25rem}.text-centered{text-align:center}.wrap-overflow-hidden{overflow-clip-margin:.75rem;overflow:clip}.wrap-notes-edit-write-btns{display:flex;justify-content:flex-end;width:100%}@media(max-width:550px){.wrap-notes-edit-write-btns{-webkit-padding-end:.5rem;padding-inline-end:.5rem}}.z-index--2{z-index:-2}.z-index--1{z-index:-1}.z-index-0{z-index:0}.z-index-1{z-index:1}.z-index-2{z-index:2}.z-index-3{z-index:3}.z-index-4{z-index:4}.z-index-5{z-index:5}.z-index-6{z-index:6}.z-index-7{z-index:7}.z-index-8{z-index:8}.z-index-9{z-index:9}.z-index-10{z-index:10}.aside-menu-animation-enter{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.aside-menu-animation-enter-done{transition:all .45s ease-in-out}.aside-menu-animation-enter-done,.aside-menu-animation-exit{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.aside-menu-animation-exit-active{opacity:.5;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all .45s ease-in-out}.page-nav-container{align-items:center;display:flex;justify-content:center;margin-inline:auto;padding-bottom:1rem;width:75%}.page-nav-container div{display:flex;flex-grow:1;justify-content:flex-end;width:25%}.page-nav-container div:nth-child(3){justify-content:flex-start}.page-nav-container p{flex-grow:1;font-size:1.25rem;text-align:center}.loading-title{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.loading-title h3{color:#fff;color:var(--clr-white);text-align:center}
/*# sourceMappingURL=main.7fa37dd3.css.map*/