@import url(https://fonts.googleapis.com/css?family=Exo:400,700);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#4e54c8;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}*{margin:0;padding:0}body{font-family:Exo,sans-serif}.context{position:absolute;top:50vh;width:100%}.context h1{color:#fff;font-size:50px;text-align:center}.area{background:#4e54c8;background:-webkit-linear-gradient(270deg,#8f94fb,#4e54c8);height:100vh;width:100%}.circles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.circles li{-webkit-animation:animate 25s linear infinite;animation:animate 25s linear infinite;background:hsla(0,0%,100%,.2);bottom:-150px;display:block;height:20px;list-style:none;position:absolute;width:20px}.circles li:first-child{-webkit-animation-delay:0s;animation-delay:0s;height:80px;left:25%;width:80px}.circles li:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:12s;animation-duration:12s;height:20px;left:10%;width:20px}.circles li:nth-child(3){-webkit-animation-delay:4s;animation-delay:4s;height:20px;left:70%;width:20px}.circles li:nth-child(4){-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:18s;animation-duration:18s;height:60px;left:40%;width:60px}.circles li:nth-child(5){-webkit-animation-delay:0s;animation-delay:0s;height:20px;left:65%;width:20px}.circles li:nth-child(6){-webkit-animation-delay:3s;animation-delay:3s;height:110px;left:75%;width:110px}.circles li:nth-child(7){-webkit-animation-delay:7s;animation-delay:7s;height:150px;left:35%;width:150px}.circles li:nth-child(8){-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:45s;animation-duration:45s;height:25px;left:50%;width:25px}.circles li:nth-child(9){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:35s;animation-duration:35s;height:15px;left:20%;width:15px}.circles li:nth-child(10){-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:11s;animation-duration:11s;height:150px;left:85%;width:150px}@-webkit-keyframes animate{0%{border-radius:0;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}@keyframes animate{0%{border-radius:0;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}.App{text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#container{display:flex;flex-wrap:wrap;justify-content:space-around}.book{border-radius:20px;box-shadow:inset 0 -3em 3em rgba(0,0,0,.1),0 0 0 2px #fff,.3em .3em 1em rgba(0,0,0,.3);color:#fff;font-size:larger;height:380px;margin-left:40px;margin-top:40px;width:23%}.addbookbtn{border-radius:10px;color:#4e54c8;font-size:larger;font-weight:bolder;height:30px;margin-top:20px;width:150px}#booklistpage{margin-top:25px}#booklistpage,ul{display:flex;flex-direction:column}ul{align-items:center;justify-items:center;list-style:none}#bookcontainer{margin-top:25px}li{margin-right:10px;margin-top:10px}.header{align-items:center;display:flex;justify-content:space-around;margin-top:55px;width:100%}#logoutbutton,.headeritems{background-color:#f5f5f5;border-radius:15px;color:#4e54c8;font-size:30px;width:250px}#table{border-radius:10px;box-shadow:inset 0 -3em 3em rgba(0,0,0,.1),0 0 0 2px #fff,.3em .3em 1em rgba(0,0,0,.3);margin-top:120px;width:80%}.image{height:65%;margin-top:10px;width:90%}hr{border:.5px double #fff}.tablecell{background-color:#fff;color:#4e54c8}#viewpage{align-items:center;display:flex;flex-direction:column;margin-top:50px}h2{color:#4e54c8}#deleteedit{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:30px;margin-top:50px;width:100%}.btngrup{border-radius:15px;color:#4e54c8;font-size:30px;height:40px;width:150px}#editform{align-items:center;background-color:#f5f5f5;border-radius:15px;box-shadow:inset 0 -3em 3em rgba(0,0,0,.1),0 0 0 2px #fff,.3em .3em 1em rgba(0,0,0,.3);display:flex;flex-direction:column;height:800px;justify-content:center;margin:70px auto auto;width:450px}.edititems{border-radius:15px;font-size:larger;height:40px;margin-top:10px;width:350px}#updatebtn{background-color:#4e54c8;color:#fff;height:50px;margin-top:50px}label{font-weight:700;padding-right:250px}#bookcontainer{margin-bottom:30px}#addbookcontainer{align-items:center;background-color:#f9f0f0;border-radius:20px;box-shadow:inset 0 -3em 3em rgba(0,0,0,.1),0 0 0 2px #fff,.3em .3em 1em rgba(0,0,0,.3);display:flex;flex-direction:column;height:450px;justify-content:center;margin:40px auto auto;width:400px}.add{border-radius:10px;font-size:larger;font-weight:bolder;height:30px;margin-top:30px;width:300px}.container{align-items:center;background-color:#fff;border-radius:25px;box-shadow:inset 0 -3em 3em rgba(0,0,0,.1),0 0 0 2px #fff,.3em .3em 1em rgba(0,0,0,.3);display:flex;flex-direction:column;height:500px;justify-content:space-around;margin:130px auto auto;width:400px}input{text-align:center}.loginitems{border-radius:10px;height:40px;width:300px}form{margin-bottom:15px}.red{color:red;font-size:large;font-weight:bolder}.registerlink{color:#fff;margin-top:45px}.registerspan{font-size:25px;margin-top:25px}#reg{font-size:30px;margin-top:170px;padding-top:150px}#submit{background-color:#e19bbe;font-size:larger}
/*# sourceMappingURL=main.71c8d056.css.map*/