*{margin:0;padding:0}html,body{background-color:#cbbcd7;caret-color:#8b60ac}::-webkit-scrollbar{width:.1px}::-webkit-scrollbar-track{background:#ffffff}::-webkit-scrollbar-thumb{background:#ffffff00}::-webkit-scrollbar-thumb:hover{background:#ffffff00}.main{z-index:0;position:absolute;top:0;left:0;outline:none;width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#cbbcd7}.face{z-index:1;width:100%;height:100%;display:flex;flex-direction:column;border-bottom-right-radius:15px;border-bottom-left-radius:15px;border-bottom:solid 1px rgb(255,255,255);box-shadow:0 -10px 20px #9d00ff11 inset}.profilebar{height:10%;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:flex-end}.profile{height:2rem;width:2rem;border-radius:50px;background-color:#87c095;margin-right:5px}.hero{height:90%;display:flex}.herobook{width:40%;display:flex;justify-content:center;align-items:center}.thebook{width:300px;height:400px;background-color:#cbbcd7}.herodetail{width:60%}.heroheading{height:15%;font-family:Josefin Sans,sans-serif}.herotext{height:65%;font-family:"Source Serif Pro",serif;color:#442b4e}.heroclick{height:20%;display:flex;justify-content:space-between;align-items:center}.heroclick p{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:small;color:#675d69}.readmore{height:40px;width:130px;border:none;border-radius:50px;background-color:#8b60ac;color:#fff;font-family:Lexend Zetta,sans-serif;font-size:15px}.readmore:hover{background-color:#4b375a}.emptydiv{width:5%}.container{z-index:3;width:100%;height:80%;display:flex;flex-direction:column;justify-content:center;background-color:#cbbcd7}.search{display:flex;align-items:center;justify-content:center;background-color:#cbbcd7;height:15%;z-index:3}.input1{font-size:1.1rem;width:30%;height:50%;border:none;background-color:transparent;border-bottom:solid 1px white;outline:none}.input2{width:10%;height:51.2%;border:none;background-color:transparent;border-bottom:solid 1px white}.input2:hover{border:solid 1px #ffffff}.shelf{height:75%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-end;border-top-right-radius:15px;border-top-left-radius:15px;background-color:#5b795f;box-shadow:0 10px 50px #000 inset}.book{height:180px;width:130px;border:solid 1.2px #4B375A;border-bottom-style:none;border-top-right-radius:6px;border-top-left-radius:6px;background-color:#000;box-shadow:-5px 5px 10px #2e2e2e}.book img{width:100%;height:100%;object-fit:fill;border-bottom-style:none;border-top-right-radius:5px;border-top-left-radius:5px}.footer{height:10%;background-color:#858e78;box-shadow:0 0 5px #2e2e2e}#preloader{background:#21242D url(/assets/processing-6ba014e9.gif) no-repeat center;height:100vh;width:100vw;position:fixed;z-index:100}