@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.container{background:url(https://images.unsplash.com/photo-1435575653489-b0873ec954e2?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1470&q=80);background-position:50%;background-size:cover;min-height:100vh;width:100%}.card,.container{align-items:center;display:flex;justify-content:center}.card{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:25px;border-top:1px solid hsla(0,0%,100%,.25);box-shadow:0 25px 25px rgba(0,0,0,.1);height:600px;overflow:hidden;position:relative;transition:1s;width:500px}- .card:hover{transform:scale(1.1)}- .card:hover,.card:before{background:hsla(0,0%,100%,.25)}.card:before{bottom:0;content:"";height:0;left:0;position:absolute;width:100%}.card .content{align-items:center;gap:25px;margin-top:-20px;position:relative}.card .content .avatar{border-radius:50%;height:120px;margin:auto;overflow:hidden;position:relative;width:120px}.card .content .avatar img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.card .content .details{color:#111;display:flex;flex-direction:column;gap:10px;text-align:center}.card .content .details div{align-items:center;display:flex;gap:10px}.card .content .details h3{font-weight:600}.card .content .details ion-icon{font-size:1.5em}