[data-simplebar]{align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;position:relative}.simplebar-wrapper{height:inherit;max-height:inherit;max-width:inherit;overflow:hidden;width:inherit}.simplebar-mask{direction:inherit;height:auto!important;overflow:hidden;width:auto!important;z-index:0}.simplebar-mask,.simplebar-offset{bottom:0;left:0;margin:0;padding:0;position:absolute;right:0;top:0}.simplebar-offset{-webkit-overflow-scrolling:touch;box-sizing:inherit!important;direction:inherit!important;resize:none!important}.simplebar-content-wrapper{-ms-overflow-style:none;box-sizing:border-box!important;direction:inherit;display:block;height:100%;max-height:100%;max-width:100%;position:relative;scrollbar-width:none;width:auto}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;height:0;width:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;pointer-events:none;width:100%}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;flex-basis:0;flex-grow:inherit;flex-shrink:0;float:left;height:100%;margin:0;max-height:1px;max-width:1px;overflow:hidden;padding:0;pointer-events:none;position:relative;width:100%;z-index:-1}.simplebar-height-auto-observer{box-sizing:inherit;display:block;height:1000%;left:0;min-height:1px;min-width:1px;opacity:0;top:0;width:1000%;z-index:-1}.simplebar-height-auto-observer,.simplebar-track{overflow:hidden;pointer-events:none;position:absolute}.simplebar-track{bottom:0;right:0;z-index:1}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{left:0;min-height:10px;position:absolute;right:0}.simplebar-scrollbar:before{background:#000;border-radius:7px;content:"";left:2px;opacity:0;position:absolute;right:2px;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{bottom:2px;top:2px}.simplebar-track.simplebar-horizontal{height:11px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{height:7px;left:0;min-height:0;min-width:10px;right:auto;top:2px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{left:0;right:auto}.hs-dummy-scrollbar-size{direction:rtl;height:500px;opacity:0;overflow-x:scroll;overflow-y:hidden;position:fixed;visibility:hidden;width:500px}.simplebar-hide-scrollbar{-ms-overflow-style:none;left:0;overflow-y:scroll;position:fixed;scrollbar-width:none;visibility:hidden}body,html{height:100%;margin:0;padding:0;width:100%}body{background:linear-gradient(160deg,#7157be 30%,#2dbef1);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}#root{height:inherit;width:100%}.App{align-items:center;display:flex;height:100vh;justify-content:center;margin-top:0;padding-top:0;transition:background .4s ease-in-out,opacity .4s ease-in-out;width:100%}h1{font-family:Amatic SC,cursive;margin:0;padding:10px 0;text-align:center}h2{font-family:Catamaran,sans-serif}.nav li,button,input[type=submit],input[type=text],p{color:#000;font-family:Nerko One,cursive}.bookshelfContainer{height:500px;position:relative;width:500px}.glassContainer{border:1px solid #ffffff3d;border-radius:20px;margin:auto;overflow:hidden}.glassContainer,.glassMorphism{height:100%;position:absolute;width:100%}.glassMorphism{background-image:url(/static/media/cool-background.0190829338a7325eb035.png);background-size:cover;box-shadow:inset 0 0 2000px hsla(0,0%,100%,.432);filter:blur(10px)}.content{display:flex;flex-direction:column;position:relative}.booksReadList,.pendingBookList{display:flex;flex-direction:column;justify-content:center}.booksReadList h2,.pendingBookList h2{align-self:center}.booksReadList p,.pendingBookList p{font-size:21px;text-align:center}.bookForm{align-self:center}#check{-moz-appearance:none;-webkit-appearance:none;border:none}.checkToggle{background-color:#333;border-radius:50px;display:flex;height:30px;margin:auto;position:relative;width:60px}.fa-sun{right:9px}.fa-moon,.fa-sun{position:absolute;top:6px}.fa-moon{left:9px}.ball{border-radius:50%;height:25px;left:3px;position:absolute;top:2px;transition:transform .3s linear;width:25px}.ball:hover{cursor:pointer}input[type=checkbox]:not(:checked)~label .ball{transform:translateX(29px)}.bookStatus{-moz-appearance:none;-webkit-appearance:none;background-color:initial;border:none}.bookStatus:hover{cursor:pointer}@media (hover:hover) and (pointer:fine){.fa-check-circle{transition:color .25s ease-in-out}.fa-check-circle:hover{color:#15ad15}}form input[type=text]{border:2px solid #2e76e2;border-radius:5px;box-shadow:none;display:block;font-size:18px;height:30px;margin-bottom:10px;margin-left:9px;outline:none;width:135px}form input[type=text]:focus{border-color:#29d429}.toggleTheme{border:1px solid #313131;border-radius:5px}.toggleTheme,input[type=submit]{font-size:18px;height:35px;width:150px}input[type=submit]{-webkit-appearance:none;-moz-appearance:none;background-color:#00a2ff;border:1px solid #002280;border-radius:5px;margin-left:9px}input[type=submit]:hover{cursor:pointer}.nav{margin-top:30px;padding-left:0;text-align:center}.nav li{display:inline;font-size:22px;list-style-type:none;margin:0 15px 0 10px;position:relative}span.bookLength{background-color:#fff;border-radius:50%;color:#fd2525;display:inline-block;font-size:16px;height:20px;margin:0;position:absolute;right:-20px;top:-5px;width:20px}.nav li a{color:#084b66a9;text-decoration:none}.nav li a.active{color:#084b66}.simplebar-scrollbar:before{background:linear-gradient(to bottom right,#3cf,#c6f)}.simplebar-track{background:#e0e0e0a6;border-radius:20px;margin-right:3px}@media only screen and (orientation:landscape){#root{height:auto}.bookshelfContainer{height:90%;margin-bottom:10px;padding-bottom:5px;width:95vw}form input[type=text]{width:500px}input[type=submit]{width:170px}}@media only screen and (max-width:600px){.bookshelfContainer{height:90%;width:95vw}.booksReadList,.pendingBookList{height:90%}.toggleSwitch{padding-bottom:20px}form input[type=text]{width:300px}input[type=submit]{height:40px;width:100px}}@media only screen and (max-width:360px){form input[type=text]{width:260px}input[type=submit]{width:265px}}
/*# sourceMappingURL=main.bfb7c9e1.css.map*/