@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Sonsie+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Mr+Dafoe&display=swap");@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap");*{margin:0;padding:0;font-family:"Poppins", sans-serif;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#161623;color:white;background:linear-gradient(45deg, #b06ab3, #4568dc, #8e44ad, #c0392b);background-size:400%;animation:bg-animation 8s infinite alternate}@keyframes bg-animation{0%{background-position:left}100%{background-position:right}}.card{display:flex;width:20%;flex-direction:column;text-align:center;box-shadow:20px 20px 50px rgba(0,0,0,0.5);border-radius:15px;background:rgba(255,255,255,0.1);overflow:hidden;padding:40px 20px;border-top:1px solid rgba(255,255,255,0.5);border-left:0.5px solid rgba(255,255,255,0.5);backdrop-filter:blur(5px)}.card p{padding:20px 15px;font-weight:200}.card a{color:white;padding:0px 3px;transition:200ms ease-in-out}.card h2{font-family:"Great Vibes", cursive;word-spacing:2px;letter-spacing:1px}.card .content{transition:0.5s;transform:translateY(100px);opacity:0;transition:0.5s}.card:hover .content{transform:translateY(0px);opacity:1}