*{box-sizing:border-box;margin:0;padding:0}html{font-size:10px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#00b4ff;color:#333;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font:100% Lato,Arial,Sans Serif;margin:0;overflow-x:hidden;padding:0}#root,body{height:100vh}#root{width:100vw}.navbarC{border:2px solid hsla(0,8%,65%,.173);display:flex;justify-content:center;width:100%}.navbarL{justify-content:flex-start;padding:2.5rem}.navbarL,.navbarR{align-items:center;background-color:rgba(166,204,201,.344);color:rgba(140,116,153,.185);display:flex;font-size:2rem;gap:3rem;height:6rem;list-style:none;width:100%}.navbarR{justify-content:center;padding:2rem}.link{font-weight:700;text-decoration:none}.link:hover{font-size:2.2rem}.cart{width:15rem}@media (max-width:768px){.navbarC{display:flex;flex-wrap:wrap}}#background-wrap{bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}@-webkit-keyframes animateBubble{0%{margin-top:1000px}to{margin-top:-100%}}@keyframes animateBubble{0%{margin-top:1000px}to{margin-top:-100%}}@-webkit-keyframes sideWays{0%{margin-left:0}to{margin-left:50px}}@keyframes sideWays{0%{margin-left:0}to{margin-left:50px}}.x1{-webkit-animation:animateBubble 25s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 25s linear infinite,sideWays 2s ease-in-out infinite alternate;left:-5%;top:5%;-webkit-transform:scale(.6);transform:scale(.6)}.x2{-webkit-animation:animateBubble 20s linear infinite,sideWays 4s ease-in-out infinite alternate;animation:animateBubble 20s linear infinite,sideWays 4s ease-in-out infinite alternate;left:5%;top:80%;-webkit-transform:scale(.4);transform:scale(.4)}.x3{-webkit-animation:animateBubble 28s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 28s linear infinite,sideWays 2s ease-in-out infinite alternate;left:10%;top:40%;-webkit-transform:scale(.7);transform:scale(.7)}.x4{-webkit-animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;left:20%;top:0;-webkit-transform:scale(.3);transform:scale(.3)}.x5{-webkit-animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;left:30%;top:50%;-webkit-transform:scale(.5);transform:scale(.5)}.x6{-webkit-animation:animateBubble 21s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 21s linear infinite,sideWays 2s ease-in-out infinite alternate;left:50%;top:0;-webkit-transform:scale(.8);transform:scale(.8)}.x7{-webkit-animation:animateBubble 20s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 20s linear infinite,sideWays 2s ease-in-out infinite alternate;left:65%;top:70%;-webkit-transform:scale(.4);transform:scale(.4)}.x8{-webkit-animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;left:80%;top:10%;-webkit-transform:scale(.3);transform:scale(.3)}.x9{-webkit-animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;left:90%;top:50%;-webkit-transform:scale(.6);transform:scale(.6)}.x10{-webkit-animation:animateBubble 26s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 26s linear infinite,sideWays 2s ease-in-out infinite alternate;left:80%;top:80%;-webkit-transform:scale(.3);transform:scale(.3)}.bubble{box-shadow:0 20px 30px rgba(0,0,0,.2),inset 0 10px 30px 5px #fff;height:200px;width:200px}.bubble,.bubble:after{border-radius:50%;position:absolute}.bubble:after{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 70%);box-shadow:inset 0 20px 30px hsla(0,0%,100%,.3);content:"";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#80ffffff",endColorstr="#00ffffff",GradientType=1);height:180px;left:10px;width:180px}.home-page{background:url(/static/media/books.075a8eb2f46a62f2af24.png) no-repeat 50%;background-size:40rem 40rem;height:70vh;margin-top:5rem;width:100%}@media(max-width:768px){.home-page{background-size:30rem 30rem}}.about-container{display:flex;flex-direction:column;height:auto;margin:auto;padding:1.5rem;width:60%}.about-container,.contact-Container{align-items:center;justify-content:center}.contact-Container{margin-top:5rem}.contact-container{align-items:center;display:flex;flex-direction:column;font-size:2rem;font-weight:700;height:40rem;justify-content:center;margin:auto;padding:1.5rem;text-align:center;width:40rem}.contact-container input{width:80%}@media (max-width:768px){.contact-container{display:flex;flex-direction:column;width:35rem}.contact-container input{width:60%}.text-area{height:10rem;width:20rem}}.books-container{grid-gap:10rem;align-items:center;display:grid;font-size:2rem;font-weight:700;gap:10rem;grid-template-columns:auto auto auto auto;grid-template-rows:auto auto auto;height:220vh;justify-content:center;margin:auto;padding-top:3rem}.item{width:15rem}.item img{max-width:100%}.loader{-webkit-animation:load6 1.7s ease infinite,round 1.7s ease infinite;animation:load6 1.7s ease infinite,round 1.7s ease infinite;border-radius:50%;color:#fff;font-size:90px;height:1em;margin:72px auto;overflow:hidden;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1em}@-webkit-keyframes load6{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes load6{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@-webkit-keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media(max-width:768px){.books-container{align-content:flex-start;display:flex;flex-wrap:wrap;font-size:1.5rem;justify-content:center}}form{border:3px solid #f1f1f1}.main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:3rem}.login-Container{font-size:2rem;font-weight:700;height:30rem;margin:auto;width:40rem}.function-container{align-items:center;border:3px solid #f1f1f1;display:flex;flex-direction:column;font-size:1.5rem;font-weight:700;gap:.5rem;justify-content:center;position:relative;width:40%}.function-container button,.function-container input{margin:1vh;width:70%}.popUp{grid-gap:2rem;align-content:center;background:rgba(54,54,118,.704);border:2px solid #000;border-radius:5%;display:grid;gap:2rem;grid-template-columns:auto auto auto auto auto;height:100%;justify-content:center;position:absolute;width:65%}.items{width:10rem}input{border:1px solid #ccc;box-sizing:border-box;display:inline-block;padding:12px 20px}button,input{margin:8px 0;width:100%}button{background-color:#04aa6d;border:none;color:#fff;cursor:pointer;padding:14px 20px}.back{height:4rem;width:10rem}button:hover{opacity:.8}.imgcontainer{margin:24px 0 12px;text-align:center}img.avatar{border-radius:50%;width:40%}.container{padding:16px}@media screen and (max-width:768px){span.psw{display:block;float:none}.cancelbtn{width:100%}.login-Container{height:30rem;width:30rem}}
/*# sourceMappingURL=main.20b4eb6b.css.map*/