body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16)}.headContainer{align-items:center;background-color:#fff;display:flex;height:100px;justify-content:space-between;margin:0 auto;max-width:1200px}.headContainer>button,.headContainer>h1{display:block}body{background-color:#f5f5f5}.mainContainer{margin:0 auto;max-width:1200px;text-align:center}#addBook{margin:15px 0}.bookContainer{grid-gap:10px 5px;display:grid;gap:10px 5px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.book{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.16);display:flex;flex-direction:column;justify-content:center;padding:10px 0;transition:all .3s cubic-bezier(.23,1,.32,1);width:390px}.book:hover{box-shadow:0 8px 15px rgba(0,0,0,.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.buttons{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:10px;width:100%}.notRead,.read,.remove{background:transparent;border:1px solid transparent;border-radius:5px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px;height:40px;outline:none;text-align:center;width:90%}.notRead:hover,.read:hover,.remove:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}.read{background-color:#9fff9c}.notRead{background-color:#ff9c9c}.remove{background-color:#f5f5f5}p{display:block;font-size:x-large;margin:0;padding:5px}.button-28{-webkit-appearance:none;appearance:none;background-color:transparent;border:1px solid #1a1a1a;border-radius:15px;box-sizing:border-box;color:#3b3b3b;cursor:pointer;display:inline-block;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:20px;font-weight:600;line-height:normal;margin:0;min-height:60px;min-width:0;outline:none;padding:12px 20px;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.23,1,.32,1);width:150px;will-change:transform}.button-28:disabled{pointer-events:none}.button-28:hover{background-color:#3b3b3b;box-shadow:0 8px 15px rgba(0,0,0,.25);color:#fff}.button-28:active{box-shadow:none;-webkit-transform:translateY(0);transform:translateY(0)}.button-29{-webkit-appearance:none;appearance:none;background-color:transparent;border:0 solid #1a1a1a;border-radius:15px;box-sizing:border-box;color:#3b3b3b;cursor:pointer;display:inline-block;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:30px;font-weight:600;line-height:normal;margin:0;min-height:60px;min-width:0;outline:none;padding:10px 18px;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.23,1,.32,1);width:200px;will-change:transform}.button-29:disabled{pointer-events:none}.button-29:hover{background-color:#3b3b3b;box-shadow:0 8px 15px rgba(0,0,0,.25);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.button-29:active{box-shadow:none;-webkit-transform:translateY(0);transform:translateY(0)}.popup{align-items:center;background-color:rgba(0,0,0,.2);height:100vh;left:0;position:fixed;top:0}.popup,.popup-inner{border-radius:10px;display:flex;justify-content:center;width:100%}.popup-inner{background-color:#f5f5f5;max-width:300px;padding:32px;position:relative}.popup-inner,form{flex-direction:column}form{align-items:center;display:flex;justify-content:center}.popup-inner .close-btn{position:absolute;right:16px;top:16px}.submitBook{background-color:#9fff9c;border:1px solid transparent;border-radius:5px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px;height:40px;margin-top:5px;outline:none;text-align:center;width:90%}.submitBook:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}.formElements{border:1px solid transparent;border-radius:10px;font-size:larger;height:40px;margin:5px;outline:none;padding:0 0 0 12px;width:90%}.formElements:focus{border:1px solid transparent}.readBookDiv{align-items:center;display:flex;font-size:20px;justify-content:space-between;margin:10px}#bookRead{height:20px;width:50px}h3{font-size:40px;margin:0 0 15px}
/*# sourceMappingURL=main.9b05fec3.css.map*/