*,*:after,*:before{margin:0;padding:0}body{height:100vh;font-family:Kumbh Sans,sans-serif;background:url(../images/bg-pattern-bottom.svg) bottom -600px right -150px no-repeat,url(../images/bg-pattern-top.svg) top -500px left -200px no-repeat;background-color:#19a2ae;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.card{display:flex;flex-direction:column;width:400px;height:450px;background:#fefefe;margin:auto;border-radius:20px;overflow:hidden;position:relative;box-shadow:#64646f33 0 7px 29px}.card .card-header{flex:.3}.card .card-header img{width:100%}.card .card-content{flex:.5}.card .card-content img{border-radius:50%;transform:translateY(-50%);border:7px solid #fefefe}.card .card-content p{color:#6a6f81;font-size:18px}.card .card-content p:first-of-type{font-weight:700;font-size:24px;color:#2d3248}.card .card-content p:first-of-type span{color:#6a6f81;font-weight:400}.card .card-footer{flex:.2;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;border-top:2px solid #d8d9df;color:#2d3248}.card .card-footer .footer-item{display:flex;flex-direction:column;justify-content:center;align-items:center}.card .card-footer .footer-item .status{font-size:20px;font-weight:700}.card .card-footer .footer-item .item-name{color:#6a6f81;margin-top:10px;letter-spacing:2px;font-size:10px}