@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;padding:0;margin:0;font-family:Space Mono,monospace}html,body{max-width:100vw;overflow-x:hidden;background-color:#232323;color:#ededed}a{color:inherit;text-decoration:none;list-style:none}li{list-style:none}::-webkit-scrollbar{display:none}.app{width:100vw;height:100vh;background-color:#232323}.navbar{display:flex;flex-direction:row;margin:auto;justify-content:space-between;text-align:center;align-items:center;position:fixed;width:100vw;padding:0 2rem;height:max-content;background-color:#171717}.navbar img{width:4rem;margin:3vh 0}.navbar p:hover{color:#0c70f2}@media (max-width: 320px){.navbar p{font-size:14px}}.errorpage{display:flex;flex-direction:column;margin:auto;justify-content:center;text-align:center;align-items:center;width:100vw;height:90vh}.errorpage p{font-size:14px}@media (max-width: 320px){.errorpage p{font-size:14px}}.home{display:flex;flex-direction:column;margin:auto;justify-content:center;text-align:center;align-items:center;width:100vw;height:100vh;padding:10rem 0 6rem;background-color:#232323}.home__img img{max-width:70vw;width:20rem}.home__content{max-width:92vw;margin-top:2rem}.home__content h1{font-family:Montserrat,sans-serif;font-size:38px}.home__content p{font-size:14px}@media (max-width: 320px){.home__content h1{font-size:30px}.home__content p{font-size:14px}}.allbooks{display:flex;flex-direction:column;margin:auto;justify-content:center;text-align:center;align-items:center;width:100vw;min-height:100vh;padding:6rem 0 7.5rem;height:max-content}.allbooks__content{width:96vw;gap:.3rem;display:flex;justify-content:center;flex-wrap:wrap}.allbooks__geting{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100vh;padding:4rem 0 1rem;background-color:#232323}.allbooks__geting svg{margin-top:1.5rem;color:#0c70f2;transition-duration:.5s}.allbooks__geting svg:hover{transform:rotate(360deg);transition-duration:.5s}.buttoncreatebook{position:fixed;margin:2rem;bottom:0;right:0}@media (max-width: 320px){.allbooks__geting p{font-size:14px}}.cardbookpreview{display:flex;flex-direction:column;margin:.5rem;justify-content:space-between;text-align:start;align-items:flex-start;width:20rem;max-width:90vw;padding:.8rem 1rem;height:auto;background-color:#171717;border-radius:10px;border:1px solid #171717;transition-duration:.2s;cursor:pointer}.cardbookpreview:hover{transform:translateY(-.1rem);transition-duration:.2s;box-shadow:0 1px 1px #0c70f2}.cardbookpreview__details h2{word-break:break-all;font-family:Montserrat,sans-serif;font-size:20px}.cardbookpreview__details span{font-size:12px}.cardbookpreview__btnshow{width:100%;display:flex;justify-content:end}.cardbook{display:flex;flex-direction:column;margin:.5rem;justify-content:space-between;text-align:start;align-items:flex-start;width:40rem;max-width:90vw;padding:.8rem 1rem;height:auto;background-color:#171717;border-radius:10px;border:1px solid #171717}.cardbook__details{width:100%}.cardbook__details h2{word-break:break-all;font-family:Montserrat,sans-serif;font-size:20px;margin-bottom:1rem}.cardbook__details p{font-size:14px;text-transform:capitalize}.cardbook__details span{color:#7d7b7b;font-size:12px}.cardbook__details--sumary{background-color:#202020;padding:.5rem;margin:.2rem 0 0;border-radius:3px}.cardbook__details--sumary p{font-family:Montserrat,sans-serif;text-transform:initial}.cardbook__btnshow{width:100%;display:flex;justify-content:end;margin-top:1rem;gap:1rem}.cardbook__btnshow svg{cursor:pointer;transition-duration:.2s}.cardbook__btnshow svg:hover{color:#0c70f2;transform:translateY(-.1rem);transition-duration:.2s}@media (max-width: 320px){.cardbookpreview h2,.cardbook h2{font-size:16px}.cardbook p{font-size:14px}}.modal{display:flex;flex-direction:column;margin:auto;justify-content:center;text-align:center;align-items:center;width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#1d1d1dd7}.modal__content{position:relative;display:flex;flex-direction:column;margin:0;justify-content:space-between;text-align:center;align-items:center;width:30rem;max-width:96vw;min-height:40vh;padding:1rem;border-radius:10px;background-color:#171717}.modal__content--close{position:absolute;display:flex;right:1rem}.modal__content--close svg{cursor:pointer;margin:.2rem}.modal__content--error{margin:auto;padding-top:1rem}.modal__content--error p{font-size:14px}.modal__content--deleting{margin:auto}.modal__content--deleting p{font-size:14px}.modal__content--deleted{margin:auto}.modal__content--deleted p{font-size:14px}.modal__content--deleted svg{width:8rem;height:8rem;color:#32a323}.modal__content--confirm{margin:auto}.modal__content--confirm button{margin:1rem .5rem 0}.modal__content form{display:flex;flex-direction:column;width:20rem;max-width:90vw;margin-top:3rem}.modal__content form input{padding:.2rem}.modal__content form label{font-size:14px;margin-top:.2rem;text-align:start}.modal__content form span{font-size:10px;font-style:italic;text-align:start;color:#df0e0e}.modal__content form button{margin:1rem auto}@media (max-width: 320px){.modal__content p{font-size:14px}}.buttoncreate{display:flex;flex-direction:column;margin:auto;justify-content:center;text-align:center;align-items:center;padding:1rem;border-radius:50%;background-color:#0c70f2}.onebook{display:flex;flex-direction:column;margin:auto;justify-content:center;text-align:center;align-items:center;width:100vw;min-height:100vh;padding:6rem 0 1rem;height:max-content}.onebook__geting{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100vh;padding:4rem 0 1rem;background-color:#232323}.onebook__geting svg{margin-top:1.5rem;color:#0c70f2;transition-duration:.5s}.onebook__geting svg:hover{transform:rotate(360deg);transition-duration:.5s}@media (max-width: 320px){.onebook__geting p{font-size:14px}}.createbook{display:flex;flex-direction:column;margin:auto;justify-content:center;text-align:center;align-items:center;width:100vw;height:max-content}.createbook__posting{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100vh;padding:4rem 0 1rem;background-color:#232323}.createbook__posting svg{margin-top:1.5rem;color:#0c70f2;transition-duration:.5s}.createbook__posting svg:hover{transform:rotate(360deg);transition-duration:.5s}.createbook__posting .success{width:8rem;height:8rem;color:#32a323}.createbook__posting .success:hover{transform:none}.createbook__posting button{margin:2rem;padding:.3rem 1rem;color:#171717;transition-duration:.2s;border:none;cursor:pointer}.createbook__posting button:hover{background-color:#0c70f2;color:#ededed;transition-duration:.2s;transform:translateY(-.1rem)}.createbook__content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:4rem 0 1rem;background-color:#232323}.createbook__content h2{font-size:20px;font-family:Montserrat,sans-serif;margin:2rem 1rem 1rem}.createbook__content form{display:flex;flex-direction:column;width:20rem;max-width:90vw}.createbook__content form input{padding:.2rem}.createbook__content form label{font-size:14px;margin-top:.2rem;text-align:start}.createbook__content form span{font-size:10px;font-style:italic;text-align:start;color:#df0e0e}.createbook__content form button{margin:1rem auto}@media (max-width: 320px){.createbook__posting p{font-size:14px}.createbook__content h1{font-size:16px}.createbook__content label{font-size:14px}}.buttondefault{padding:.3rem 1rem;color:#171717;transition-duration:.2s;border:none;cursor:pointer;margin-top:1rem}.buttondefault:hover{background-color:#0c70f2;color:#ededed;transition-duration:.2s;transform:translateY(-.1rem)}.buttondisabled{margin-top:1rem;padding:.3rem 1rem;border:none;cursor:default}@media (max-width: 320px){.buttondefault,.buttondisabled{font-size:14px}}