body{background:#f0bd44;font-family:"Montserrat", sans-serif;position:relative}body:before{content:"";position:absolute}.container{max-width:90%;display:flex;justify-content:center;align-items:center;margin:30px auto;height:100vh}#output{display:block;width:100%}.card{background:white;border-radius:20px;display:block;margin:auto;overflow:hidden;position:relative;width:360px;text-align:center;z-index:1}.card svg.fa-arrow-left{position:absolute;left:20px;top:24px}.card svg.fa-arrow-left path{fill:white}.card svg.fa-comment{background:white;padding:10px;border-radius:50%;box-shadow:0 15px 20px -12px rgba(0,0,0,0.8);height:30px;position:absolute;top:120px;left:40px;top:120px}.card svg.fa-plus{background:white;padding:10px;border-radius:50%;box-shadow:0 15px 20px -12px rgba(0,0,0,0.8);height:30px;position:absolute;top:120px;right:40px}.card svg.like-button{position:absolute;right:20px;top:20px}.card svg.like-button path{fill:white}.card #fa-heart{display:none}.card #fa-heart.is-liked{display:block}.card .like-button.not-liked{display:none}.card .like-button.is-liked{display:block}.card .circle{content:"";background:linear-gradient(to right, #3f2b96, #a8c0ff);position:absolute;width:400px;height:400px;border-radius:50%;margin:auto;display:block;left:-22px;right:0;top:-220px;z-index:-1;transform-origin:center}.card .imgBx img{display:block;margin:auto;border-radius:50%;border:6px solid white}.card .card-header{color:white;text-align:center}.card .card-header h4{margin-bottom:0;font-size:20px}.card .card-header p{margin-top:10px}.card .followers{display:flex;justify-content:space-between;margin:30px;text-align:center;background:linear-gradient(to right, #3f2b96, #a8c0ff);border-radius:5px;color:white;padding:10px}.card .followers small{font-size:12px}.card .followers .num{font-size:20px}.card .card-body ul{padding-left:0}.card .card-body ul li{list-style:none;text-align:center;line-height:1.5}@media (max-width: 450px) and (min-width: 320px){.container{height:auto}.card{max-width:360px;width:100%}.card svg.fa-plus{right:10%}.card svg.fa-comment{left:10%}}
/*# sourceMappingURL=style.css.map */