@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap";:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--hue:20;--bg:hsl(var(--hue),10%,90%);--fg:hsl(var(--hue),10%,10%);--primary:hsl(var(--hue),90%,55%);--primary-l:hsl(var(--hue),90%,65%);--primary-d:hsl(var(--hue),90%,45%);--white:hsl(var(--hue),10%,100%);--white-d:hsl(var(--hue),10%,45%)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:"Roboto Serif",var(--font-mono)}body{color:#fff;background:url(/cozybg.jpg) no-repeat 50% fixed;background-size:cover;min-height:100vh}.overlay{background:linear-gradient(180deg,rgba(0,26,11,.5),transparent);position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}a{color:inherit;text-decoration:none}button{font-family:"Roboto Serif",var(--font-mono);font-size:1rem;padding:10px;border:none;border-radius:4px;background-color:rgba(0,76,63,.871);cursor:pointer;transition:.2s ease-in-out;color:#eee}button:hover{background-color:#004c3f}strong{font-weight:500}h1{font-family:Cinzel,serif;font-size:2.5rem;margin-bottom:1rem}h1,h2{font-weight:400;text-shadow:0 0 6px rgba(0,0,0,.85)}h2{font-size:1.2rem;margin-bottom:20px}.success-color{color:#00a100}.book-color{color:#dfca9b}.audiobook-color{color:#49aa8c}.container{display:flex;padding:1rem;align-items:flex-start;max-width:1600px;margin:0 auto;column-gap:60px;position:relative}@media(min-width:1100px){.container{column-gap:0;padding:6rem 4rem 2rem}}@media(max-width:1100px){.container{flex-direction:column}.container .request-form{margin:0 auto 3rem}.container .requested-books{margin:0 auto;width:100%;max-width:666px}}.request-form{padding:2rem 3rem;max-width:666px;background:rgba(0,0,0,.33);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(35,10,0,.3)}.request-form h1{text-shadow:none}.request-form button{margin-top:1em}.request-form label{margin-bottom:.5em;font-size:1rem}input{margin-bottom:10px;padding:14px;background:hsla(0,0%,86%,.843);border:1px solid #251b17;border-radius:4px;color:#000;font-size:1rem;transition:.3s ease-in-out;font-family:"Roboto Serif"}input::placeholder{color:#222}input:focus{background:hsla(0,0%,100%,.894);outline:0}.requested-books{flex:1 1;margin-left:4rem;margin-top:1rem}.requested-books ul{list-style-type:none;padding:0}.requested-books li{background:rgba(111,38,38,.722);margin-bottom:10px;padding:20px;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.requested-books li.fulfilled{background:rgba(9,36,44,.71)}.requested-books li .fulfill-btn{margin-left:1rem;background:hsla(0,0%,100%,.2);margin-top:-1rem;margin-bottom:-1rem}.requested-books li .fulfill-btn:hover{background:hsla(0,0%,100%,.4)}.requested-books li .book-title{font-size:1.2rem}.requested-books.loading{display:flex;justify-content:center;align-items:center;height:100%;min-height:300px;width:100%}.btn-link{background:hsla(0,0%,100%,0);border:none;color:#fff;cursor:pointer;font-size:1rem;transition:background .2s;text-shadow:0 0 6px rgba(0,0,0,.85)}.btn-link:hover{background:hsla(0,0%,100%,.2)}.ReactModalPortal .ReactModal__Overlay{background:rgba(15,11,10,.722)!important}.ReactModalPortal .ReactModal__Content{border:0!important;background:#4b3a3a!important;overflow:auto;border-radius:4px;outline:none;padding:20px;width:520px;margin:0 auto;height:270px}.ReactModalPortal input{display:block;width:100%}.ReactModalPortal .modal-actions{text-align:right}.ReactModalPortal button{background:none;margin-top:20px}.ReactModalPortal .submit-btn{background:#004c3f;margin-left:20px}.text-shadow{text-shadow:0 0 5px rgba(0,0,0,.9)}.view-btn{display:inline-flex;align-items:center}.view-btn svg{margin-right:.5rem}.loader{display:block;margin:20px auto;position:relative;animation:rotationBack 2s ease-in-out infinite reverse}.loader,.loader:before{width:38px;height:38px;background:#e16522;box-sizing:border-box}.loader:before{left:0;top:0;transform:rotate(45deg)}.loader:after,.loader:before{content:"";position:absolute;box-shadow:0 0 5px rgba(0,0,0,.15)}.loader:after{box-sizing:border-box;width:32px;height:32px;border-radius:50%;left:50%;top:50%;background:#fbca47;transform:translate(-50%,-50%)}@keyframes rotationBack{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.request-form input:-internal-autofill-selected{background-color:rgba(40,16,7,.569)!important;color:#fff!important}.poofs-link{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:rgba(0,0,0,.29);border:1px solid rgba(14,80,63,.353);color:hsla(0,0%,100%,.804);font-weight:400;text-decoration:none;border-radius:.25rem;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .2s ease-in-out,transform .1s ease-in-out;position:absolute;right:4rem;top:2rem}.poofs-link:hover{background-color:rgba(3,63,48,.353)}.poofs-link:focus{outline:none}.poofs-link .icon{margin-left:.5rem;font-size:1.2em;height:20px}form{display:flex;flex-direction:column;margin-bottom:20px}.form-group{display:flex;align-items:center;margin-bottom:10px}.modal input{padding:14px;background:hsla(0,0%,86%,.843);border:1px solid #251b17;border-radius:4px;color:#000;font-size:1rem;transition:.3s ease-in-out;font-family:"Roboto Serif";flex:1 1;margin-right:10px;margin-bottom:0}.modal input[disabled]{background:hsla(0,0%,55%,.843)}.modal input::placeholder{color:#222}.modal input:focus{background:hsla(0,0%,100%,.894);outline:0}.modal label{margin-left:10px;font-size:1rem;display:inline-flex;align-items:center}