.readmore-btn{width:fit-contentd;cursor:pointer;color:#4996c0;background-color:#0000;border:none;border-radius:10px;justify-content:center;align-items:center;gap:0;padding:5px 15px;transition:all .4s;display:flex}.book-wrapper{justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.book-wrapper .book-page{background:0 0;width:50%;height:auto;position:absolute}.readmore-btn:hover .book-page{transform-origin:0;animation:.4s linear infinite paging}.readmore-btn:hover{color:#fff}@keyframes paging{0%{transform:rotateY(0)skewY(0)}50%{transform:rotateY(90deg)skewY(-20deg)}to{transform:rotateY(180deg)skewY(0)}}.text{justify-content:center;align-items:center;height:100%;font-size:15px;font-weight:600;display:flex}
.bars-wrapper{background-color:#efdecd;justify-content:space-around;align-items:center;display:flex;overflow:hidden}.bars-container{align-items:flex-end;height:12px;transition:transform 50ms;display:flex;position:relative;transform:scale(1.5)}[class^=bar-]{background-color:#4996c0;border-radius:4px;width:1.5px;height:1.5px;margin:0 1px}[class^=bar-]:nth-child(2n){background-color:#318bbca4}.bar-1{animation:.3s .5s infinite alternate both lineWaveAnim1}.bar-2{animation:.3s .575s infinite alternate both lineWaveAnim2}.bar-3{animation:.3s .5s infinite alternate both lineWaveAnim1}.bar-4{animation:.33s infinite alternate both lineWaveAnim2}.bar-5{animation:.3s .65s infinite alternate both lineWaveAnim1}.bar-6{animation:.3s .5s infinite alternate both lineWaveAnim2}.bar-7{animation:.25s .4s infinite alternate both lineWaveAnim1}@keyframes lineWaveAnim1{0%{height:1px}to{height:10px}}@keyframes lineWaveAnim2{0%{height:2px}to{height:16px}}
.e-card{z-index:auto;background:0 0;border-radius:16px;width:240px;height:330px;margin:100px auto;transition-property:transform;transition-duration:.3s;position:relative;overflow:hidden;box-shadow:0 8px 28px -9px #00000073}.wave{opacity:.6;filter:grayscale();background:linear-gradient(744deg,#a8a4aa57,#9792b81b 60%,#73737396);min-width:460px;max-width:540px;min-height:540px;max-height:700px;margin-top:-70%;margin-left:-50%;position:absolute;top:0;left:0}.icon{width:3em;margin-top:-1em;padding-bottom:1em}.infotop{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;font-size:20px;font-weight:600;display:flex;position:absolute;top:5.6em;left:0;right:0}.name{text-transform:lowercase;font-size:14px;font-weight:100;position:relative;top:1em}.wave:nth-child(2),.wave:nth-child(3){top:210px}.playing .wave{border-radius:40%;animation:3s linear infinite wave}.wave{border-radius:40%;animation:55s linear infinite wave}.playing .wave:nth-child(2){animation-duration:4s}.wave:nth-child(2){animation-duration:50s}.playing .wave:nth-child(3){animation-duration:5s}.wave:nth-child(3){animation-duration:45s}@keyframes wave{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}
.socials-button-container{background-color:#2e7ba541;border-radius:10px;justify-content:space-around;align-items:center;width:250px;height:40px;display:flex;position:relative;box-shadow:0 5px 15px #00000059,5px 10px 15px #386b887e}.socials-button{color:#fff;cursor:pointer;background-color:#0000;border:0;border-radius:50%;outline:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s ease-in-out;display:flex}.socials-button:hover{transform:translateY(-3px)}.socials-icon{font-size:20px}