body{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70)}.cardBox{width:90%;height:400px;position:relative;display:grid;place-items:center;box-shadow:0 2px 10px 0 rgba(0,0,0,.4),0 2px 25px 0 rgba(0,0,0,.5)}.card,.cardBox{overflow:hidden;border-radius:20px}.card{width:95%;height:95%;background:#000814;z-index:5;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;color:#fff;padding:20px;cursor:pointer;box-shadow:inset 0 30px 60px -12px rgba(0,0,0,.4),inset 0 18px 36px -18px rgba(0,0,0,.5)}.card,.card .h4{position:absolute}.card .h4{top:0;left:0;bottom:0;pointer-events:none;width:100%}.card .content .h3{font-size:18px;font-weight:800;margin-bottom:10px}.card .content p{font-size:14px;line-height:1.4em}.card .content{transform:translateY(100%);opacity:0;transition:.3s ease-in-out}.card:hover .content{transform:translateY(0);opacity:1}.card:hover .h4{opacity:.5}.cardBox:before{content:"";position:absolute;width:40%;height:150%;background:#40e0d0;background:linear-gradient(90deg,#ff0080,#ff8c00,#40e0d0);transform-origin:center;animation:glowing_401 5s linear infinite}@keyframes glowing_401{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media screen and (max-width:768px){.cardBox{width:85%;height:500px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:20px;box-shadow:0 2px 10px 0 rgba(0,0,0,.4),0 2px 25px 0 rgba(0,0,0,.5);margin-left:auto;margin-right:auto}}.loading{position:fixed;top:0;bottom:0;left:0;right:0;background-color:hsla(0,0%,100%,.5);display:flex;justify-content:center;align-items:center}