body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(89deg,#b00ff0,#008b78)}.particle{position:fixed;top:0;bottom:0;right:0;left:0;z-index:-1}.container{display:flex;grid-gap:20px;flex-direction:column;background:#008b8b;margin-top:20vh}.books{display:flex;flex-wrap:wrap}.book-card{background:#f5f5f5;height:500px;padding:10px;margin:20px;width:300px;border:2px solid grey;box-shadow:3px 13px 7px #000;transition:all .9s}.book-card ul{list-style:none;line-height:30px;word-wrap:wrap}.book-card img{width:70px;height:100px}.error{width:30%;height:20px;margin-left:40%;color:#430206;text-align:center}.btn{background-color:orange;width:150px;border:none;height:40px;margin-left:40px;margin-bottom:100px;border-radius:5px;color:#fff}.btn:hover,a:hover{transform:scale(1.03);color:#ff4500;font-size:15px}a{text-decoration:none;color:#fff}.book-card:hover{cursor:pointer;transform:scale(1.01)}span{color:#008b8b;font-size:20px}.tex-center{text-align:center;font-size:20px;color:#430206}.title{display:flex;flex-direction:column;margin-top:10vh;line-height:15vh}.title input{color:#000;font-size:20px;border:none;padding:5px;background:#26cc7c;align-self:center;border-radius:5px;margin:auto}h1{text-align:center;text-transform:uppercase}.input-container{background:radial-gradient(circle farthest-side at 0 50%,#fb1 23.5%,rgba(240,166,17,0) 0)21px 30px,radial-gradient(circle farthest-side at 0 50%,#b71 24%,rgba(240,166,17,0) 0)19px 30px,linear-gradient(#fb1 14%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 85%,#fb1 0)0 0,linear-gradient(150deg,#fb1 24%,#b71 0,#b71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#b71 0,#b71 76%,#fb1 0)0 0,linear-gradient(30deg,#fb1 24%,#b71 0,#b71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#b71 0,#b71 76%,#fb1 0)0 0,linear-gradient(90deg,#b71 2%,#fb1 0,#fb1 98%,#b71 0)0 0 #fb1;background-size:40px 60px;display:flex;flex-direction:column;margin-left:20%;margin-right:20%;padding-bottom:20px;padding-top:20px;margin-bottom:10px}button{align-self:center;margin-top:20px;height:30px;width:100px;font-size:20px;border-radius:10px;color:#fff;background-color:#097a7a}button:focus,input:focus{outline:none}button:hover{cursor:pointer;background-color:#19c0c0}.login-form{padding-top:30px}.login-form,.login-form form{display:flex;flex-direction:column}.login-form form{margin:auto;box-shadow:0 5px 4px #333}.login-form label{margin-top:10px;margin-bottom:10px;align-self:center;color:#fff}.login-form input{height:30px;align-self:center}.login-form p{align-self:center;padding:5px}.login-form h4{color:#fff;text-transform:uppercase;text-align:center;font-size:20px}.login-form span{color:#fff}.login-form span:hover{cursor:pointer;text-decoration:underline}.register-form{display:flex;flex-direction:column;padding-top:30px}.register-form form{display:flex;flex-direction:column;padding-bottom:20px;margin-top:30px;align-self:center;padding-right:40px;padding-left:40px;box-shadow:0 5px 4px #333}.register-form label{display:flex;justify-content:center;margin-top:10px;margin-bottom:10px;color:#fff}.register-form input{display:flex;align-self:center;height:30px;margin:10px 20px}.register-form h4{color:#fff;text-transform:uppercase;text-align:center;font-size:20px}.credentials{font-size:20px;color:#f5f5f5}.credentials p:hover{text-decoration:underline;cursor:pointer;color:#fff}.text-center{text-align:center;font-size:20px;margin-top:20vh;color:#d51421}
/*# sourceMappingURL=main.6f70e918.chunk.css.map */