.circle{width:450px;height:450px;border:1px solid #495158;overflow:hidden}.circle,.wave{border-radius:50%}.wave{position:relative;width:100%;height:100%;background:#60a5fa;box-shadow:inset 0 0 50px rgba(0,0,0,.5)}.wave:after,.wave:before{content:"";position:absolute;width:200%;height:200%;top:0;left:50%;transform:translate(-50%,-75%);background-color:#111314}.wave:before{border-radius:45%;background:#111314;animation:animate 5s linear infinite}.wave:after{border-radius:40%;background:rgba(17,19,20,.5);animation:animate 10s linear infinite}@keyframes animate{0%{transform:translate(-50%,-75%) rotate(0deg)}to{transform:translate(-50%,-75%) rotate(1turn)}}.shadow{transition:all .18s ease-in-out;--tw-bg-opacity:1;background-color:rgb(211,178,128/var(--tw-bg-opacity));box-shadow:none;&:hover{box-shadow:0 0 10px #d3b280;transform:scale(.98)}}.bg-shadow{box-shadow:0 0 10px #d3b280}.card{transition:transform .5s;transform-style:preserve-3d;position:relative}.cardFlip{transform:rotateY(180deg)}.cardBack,.cardFront{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.cardBack{transform:rotateY(180deg)}.shadow-card:hover{box-shadow:0 10px 40px rgba(125,149,226,.3)}.shrink{transition:transform .3s}.shrink:hover{transform:scale(.9)}