@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{display:flex;justify-content:center;min-height:100vh;background:#161623}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#f00,#f0f);clip-path:circle(30% at right 70%)}body:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#2196f3,#e91e63);clip-path:circle(20% at 10% 10%)}.container{position:relative;display:flex;justify-content:center;align-items:center;max-width:1200px;flex-wrap:wrap;z-index:1}.container .card{position:relative;width:280px;height:400px;margin:30px;box-shadow:20px 20px 50px #00000080;border-radius:15px;background:rgba(255,255,255,.1);overflow:hidden;display:flex;justify-content:center;align-items:center;border-top:1px solid rgba(255,255,255,.5);border-left:1px solid rgba(255,255,255,.5);backdrop-filter:blur(5px)}.container .card .content{padding:20px;text-align:center;transition:.5s}.container .card .content h2{position:absolute;top:-30px;right:30px;font-size:8rem;color:#ffffff0d;pointer-events:none}.container .card .content h3{font-size:1.8rem;color:#fc06aa;z-index:1}.container .card .content p{font-size:1rem;color:#a1f00f;font-weight:300}.container .card .content a{position:relative;display:inline-block;padding:8px 20px;margin-top:15px;background:linear-gradient(rgb(0,174,255),rgb(255,0,128));color:#fff;border-radius:20px;text-decoration:none;font-weight:500;box-shadow:0 5px 15px #0003}.cards{width:90%;max-width:440px;color:#fff;text-align:center;padding:50px 35px;border:1px solid rgba(255,255,255,.3)}.card img{width:140px;border-radius:50%}.card h1{color:#fff;font-size:20px;font-weight:600;margin-top:20px}.card .riko{font-size:18px;margin:10px auto;max-width:330px}