@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@100;300;400;700&family=Gaegu:wght@300;400;700&family=Itim&family=Source+Sans+Pro:wght@300;400;700&display=swap);*{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}@media (max-width:25em){html{font-size:56.25%}}@media (min-width:37.5em){html{font-size:68.75%}}@media (min-width:56.25em){html{font-size:75%}}@media (min-width:75em){html{font-size:81.25%}}body{background-color:#faf9f7}.main-wrapper{margin:0 auto;max-width:110rem}h2{font-family:Itim,cursive;font-size:2rem}h3{font-family:Barlow,sans-serif;font-size:1.5rem;font-weight:300;letter-spacing:.4rem;margin-bottom:1rem}.logo-div{padding-top:2rem;position:relative;text-align:center;width:-webkit-max-content;width:max-content}.icon-logo{color:#dcd7c9;font-size:4rem;top:-3rem}.icon-logo,.logo{position:relative}.logo{font-family:Itim,cursive;font-size:2rem;margin:auto;z-index:10}.button{background-color:#dcd7c9;border:1px solid #2c3639;border-radius:50%;font-size:3rem;height:6rem;width:6rem}.book-button{background-color:#3f4e4f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Barlow,sans-serif;font-size:1rem;letter-spacing:2px;margin:3rem 0 2rem;outline:none;padding:.5rem 1rem;text-transform:uppercase}.button-send{color:#3f4e4f}.loader{-webkit-animation:load5 1.1s ease infinite;animation:load5 1.1s ease infinite;border-radius:50%;font-size:25px;height:2rem;margin:100px auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0);width:2rem}@-webkit-keyframes load5{0%,to{box-shadow:0 -2.6em 0 0 #dcd7c9,1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.5),-1.8em -1.8em 0 0 hsla(0,0%,100%,.7)}12.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.7),1.8em -1.8em 0 0 #dcd7c9,2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.5)}25%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.5),1.8em -1.8em 0 0 hsla(0,0%,100%,.7),2.5em 0 0 0 #dcd7c9,1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}37.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.5),2.5em 0 0 0 hsla(0,0%,100%,.7),1.75em 1.75em 0 0 #dcd7c9,0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}50%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.5),1.75em 1.75em 0 0 hsla(0,0%,100%,.7),0 2.5em 0 0 #dcd7c9,-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}62.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.5),0 2.5em 0 0 hsla(0,0%,100%,.7),-1.8em 1.8em 0 0 #dcd7c9,-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}75%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.5),-1.8em 1.8em 0 0 hsla(0,0%,100%,.7),-2.6em 0 0 0 #dcd7c9,-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}87.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.5),-2.6em 0 0 0 hsla(0,0%,100%,.7),-1.8em -1.8em 0 0 #dcd7c9}}@keyframes load5{0%,to{box-shadow:0 -2.6em 0 0 #dcd7c9,1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.5),-1.8em -1.8em 0 0 hsla(0,0%,100%,.7)}12.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.7),1.8em -1.8em 0 0 #dcd7c9,2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.5)}25%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.5),1.8em -1.8em 0 0 hsla(0,0%,100%,.7),2.5em 0 0 0 #dcd7c9,1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}37.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.5),2.5em 0 0 0 hsla(0,0%,100%,.7),1.75em 1.75em 0 0 #dcd7c9,0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}50%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.5),1.75em 1.75em 0 0 hsla(0,0%,100%,.7),0 2.5em 0 0 #dcd7c9,-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}62.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.5),0 2.5em 0 0 hsla(0,0%,100%,.7),-1.8em 1.8em 0 0 #dcd7c9,-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}75%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.5),-1.8em 1.8em 0 0 hsla(0,0%,100%,.7),-2.6em 0 0 0 #dcd7c9,-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}87.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.5),-2.6em 0 0 0 hsla(0,0%,100%,.7),-1.8em -1.8em 0 0 #dcd7c9}}.button-send-small{position:fixed;right:2rem;top:2rem}@media (min-width:37.5em){.button-send-small{visibility:hidden}}.button-send-div{margin-top:1rem;text-align:center}.button-send-large{visibility:hidden}@media (min-width:37.5em){.button-send-large{visibility:visible}}.form-article{margin:0 auto;max-width:60rem;width:100%}@media (min-width:37.5em){.form-article{width:80%}}.input-article{background-color:inherit;border:none;font-family:Source Sans Pro,sans-serif;font-size:1.5rem;height:calc(100vh - 15.5rem);line-height:1.5;outline:none;resize:none;width:100%}@media (min-width:37.5em){.input-article{background-color:#fff;border-radius:1rem;height:calc(100vh - 22.5rem);padding:1rem}}#header{display:flex;justify-content:space-between;margin:0 auto;padding:2rem 2rem 0;width:80%}.header-icon{height:9rem}#header-cancel{height:6rem;padding-left:2rem;position:absolute;top:2rem;width:-webkit-max-content;width:max-content}@media (min-width:37.5em){#header-cancel{right:2rem}}.cancel-button,.cancel-button:visited{color:#2c3639;font-family:Itim,cursive;font-size:2rem;text-decoration:none}.cancel-button:active,.cancel-button:hover{color:#aa5656}.header-cancel-title{margin:0 auto;width:80%}#book-main-section{padding-bottom:7rem}.bookshelf-title{font-size:2rem;margin-top:4rem;text-align:center}.auth-section{background-color:#faf9f7;color:#3f4e4f;font-family:Source Sans Pro,sans-serif;font-size:1.25rem;padding:2rem 2rem 8rem}.auth-div{margin:0 auto;max-width:45rem;width:80vw}.auth-title{font-size:2.5rem;margin:2rem 0;text-align:center}.auth-form{background-color:#dcd7c9;border-radius:1rem;padding:4rem 2rem;text-align:center}.auth-form p{text-align:left}.auth-form label{display:block}.auth-form input{border:none;border-radius:5px;font-family:inherit;font-size:inherit;height:2.5rem;margin:1rem 0;outline:none;width:100%}.auth-save-button{background-color:inherit;background-color:#2c3639;border:none;border-radius:1rem;color:#fff;cursor:pointer;margin:2rem 0;outline:none;padding:1rem 2rem}.auth-save-button:hover{background-color:#a27b5c}.auth-toggle,.auth-toggle-div{text-align:center}.auth-toggle-div a,.auth-toggle-div a:visited{color:#aa5656;text-decoration:none}.auth-toggle-div a:hover{color:#3f4e4f}.auth-error{color:#aa5656;font-size:1rem;margin-top:1rem}.edit-section{margin-top:6rem;padding:2rem 3rem}.edit-textarea{background-color:inherit;border:none;font-family:Source Sans Pro,sans-serif;font-size:1.5rem;height:30rem;line-height:1.5;margin:2rem auto;outline:none;padding:1rem;resize:none;width:100%}.edit-submit-button{position:absolute;right:2rem;top:2rem}#recent-posts{padding:2rem}.posts{margin:0 auto;width:80%}.posts hr,.recent-book{margin-bottom:1rem}.recent-book{align-items:center;display:flex;font-family:Barlow,sans-serif;font-size:1rem;justify-content:space-between;letter-spacing:.2rem;padding:0 1.5rem}.recent-date{width:5rem}.recent-date,.recent-title{display:inline-block;overflow:hidden}.recent-title{max-width:calc(80vw - 18.5rem);white-space:nowrap}@media (max-width:25em){.recent-title{max-width:50vw}}.view-button{background-color:#3f4e4f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Barlow,sans-serif;font-size:1rem;height:2.5rem;letter-spacing:2px;outline:none;text-transform:uppercase;width:5.5rem}.main-navigation{background-color:#faf9f7;bottom:0;height:-webkit-max-content;height:max-content;padding:2rem;position:fixed;width:100%}@media (min-width:37.5em){.main-navigation{background-color:rgba(162,123,92,.15);position:relative}}.nav-ul{text-align:center}.nav-ul li{display:inline-block;font-size:2.5rem;width:7.5rem}.nav-inactive{color:rgba(63,78,79,.75);font-size:2rem}.nav-active{color:#3f4e4f;font-size:2.5rem;position:relative;top:-.25rem}.auth-menu{color:#3f4e4f;font-family:Source Sans Pro,sans-serif;font-size:1.5rem;text-decoration:none}.error-page{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 7.5rem);justify-content:center}#logout-section{padding-bottom:10rem;text-align:center}.logout-button{background-color:inherit;border:none;color:#aa5656;cursor:pointer;font-size:1.25rem;outline:none}#bookcover-section,.book{position:relative}.book{border:1px solid #2c3639;border-radius:5px;cursor:pointer;height:12rem;margin:.5rem;overflow:hidden;width:4rem}.book img{height:100%;object-fit:cover;width:100%}.book-textbox{background-color:hsla(44,21%,83%,.9);border-radius:1rem;bottom:2rem;font-family:Source Sans Pro,sans-serif;font-size:.75rem;opacity:0;overflow:visible;padding:1rem;position:absolute;width:10rem;z-index:10}#bookcover-section:hover .book-textbox{opacity:1}.book-info{display:flex;height:15rem;justify-content:center;margin:7rem auto 0;max-width:40rem}.book-cover{background-color:#d3d3d3;height:15rem}.book-cover img{height:100%}.book-description{display:flex;flex-direction:column;font-family:Source Sans Pro,sans-serif;justify-content:center;min-width:15rem;text-align:right}.book-title{color:rgba(44,54,57,.8);font-size:1.5rem;margin-bottom:1.25rem}.book-author{color:#2c3639;font-size:1rem}.book-property{margin:1rem 0}.prop-icon{color:#3f4e4f;cursor:pointer;margin-left:1rem}.prop-icon:hover{color:#aa5656}#book-shelf{padding:2rem}.shelf-div{display:flex;flex-wrap:wrap;margin:0 auto;width:80%}.article{background-color:#fff;border-radius:1rem;list-style:none;margin:1rem auto;max-width:50rem;padding:.5rem 1.5rem;width:85%}.article-header{display:flex;justify-content:space-between;padding-bottom:.75rem;padding-top:.75rem}.article-date{color:rgba(44,54,57,.5);font-family:Barlow,sans-serif;font-size:1rem;letter-spacing:.2rem}.article-icon{cursor:pointer;font-size:1rem;margin:0 .75rem}.trash{color:#969696}.article-text{color:#2c3639;font-family:Source Sans Pro,sans-serif;font-size:1.2rem;padding:1rem 1.5rem 2rem;white-space:pre-line;width:100%}#book-detail{background-color:#faf9f7;padding:2rem 2rem 8rem;position:relative;text-align:center}.book-articles{text-align:left}.title-section{margin:0 auto;padding-top:6rem}.title-form{display:flex;justify-content:center;margin:4rem 0}.title-input{border:none;border-bottom:1px solid #2c3639;border-radius:0;color:#3f4e4f;font-family:Source Sans Pro,sans-serif;font-size:2.5rem;letter-spacing:.25rem;max-width:40rem;width:calc(80vw - 4rem)}.title-button,.title-input{background-color:inherit;height:6rem;outline:none}.title-button{border:none;border-bottom:1px solid #2c3639;color:#aa5656;cursor:pointer;width:4rem}.comment{font-family:Source Sans Pro,sans-serif;font-size:1.5rem;text-align:center}.results{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;width:80%}.result{background-color:#fff;border-radius:1rem;box-shadow:0 .1rem 1rem 0 rgba(0,0,0,.1);cursor:pointer;margin:0 .5rem 1rem;padding:1rem;width:-webkit-min-content;width:min-content}.result-title{color:#2c3639;font-family:Source Sans Pro,sans-serif;font-size:1.25rem}.result-author{color:#3f4e4f;margin-bottom:.5rem}.result-img{width:12.5rem}@media (min-width:56.25em){.result-img{width:14rem}}.article-section{padding:8rem 2rem 0;width:100%}.article-message-div{text-align:center}.article-message{font-size:2rem}.error-button{border:none;border-radius:5px;cursor:pointer;font-family:Barlow,sans-serif;font-size:1rem;letter-spacing:2px;margin:3rem auto 1rem;outline:none;padding:.5rem 2rem;text-transform:uppercase}
/*# sourceMappingURL=main.2ac94b14.css.map*/