@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,500;0,600;1,200;1,400;1,600&display=swap");*{margin:0;padding:0;font-family:'Poppins', sans-serif;box-sizing:border-box}body{background-image:url("./background.jpg")}.cards{margin:auto;max-width:1200px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:100vh}.card-tilt{position:relative;width:280px;height:400px;margin:30px;box-shadow:20px 20px 50px rgba(0,0,0,0.5);border-radius:15px;background-color:rgba(255,255,255,0.1);display:flex;justify-content:center;align-items:center;border-top:1px solid rgba(255,255,255,0.5);border-left:1px solid rgba(255,255,255,0.5);backdrop-filter:blur(5px);overflow:hidden}.card-tilt__content{padding:20px;text-align:center;transition:.5s;transform:translateY(100px);opacity:0}.card-tilt:hover .card-tilt__content{transform:translateY(0);opacity:1}.card-tilt__title{position:absolute;top:-80px;right:30px;font-size:8em;color:rgba(255,255,255,0.1);pointer-events:none}.card-tilt__subtitle{font-size:1.8em;color:#fff;pointer-events:none}.card-tilt__text{font-size:1em;color:#fff;font-weight:300}.card-tilt__link{display:inline-block;padding:8px 20px;margin-top:15px;background:#fff;color:#000;border-radius:20px;text-decoration:none;font-weight:500;box-shadow:0 5px 15px rgba(0,0,0,0.2)}