.app{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}html{background-color:#fefefe;box-sizing:border-box;font-family:Roboto,sans-serif;font-size:14px;font-weight:400}.container{box-shadow:0 0 50px #0000004d;overflow:hidden;width:360px;height:390px}.header-container{position:relative}.header-image{left:0;position:absolute;top:0;z-index:-1;height:auto;-webkit-animation:zoomEffect 25s infinite;animation:zoomEffect 25s infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-backface-visibility:hidden;backface-visibility:hidden}@-webkit-keyframes zoomEffect{0%{-webkit-transform:scale(1) translateX(0);transform:scale(1) translate(0)}to{-webkit-transform:scale(1.2) translateX(-360px) translateY(-50px);transform:scale(1.2) translate(-360px) translateY(-50px)}}@keyframes zoomEffect{0%{-webkit-transform:scale(1) translateX(0) translateY(0);transform:scale(1) translate(0) translateY(0)}to{-webkit-transform:scale(1.2) translateX(-360px) translateY(-50px);transform:scale(1.2) translate(-360px) translateY(-50px)}}.header{color:#fff;padding:15px;height:300px}.main-heading{color:#fff;font-size:26px;font-weight:300;margin-bottom:12px}.overlay-header{background-color:#eee;height:100px;margin:-50px 0 0 -25%;transform:rotate(-10deg);width:150%;z-index:0}.body{background-color:#eee;color:#555;margin-top:-50px;padding:0 15px 15px;position:relative}.body-image{border-radius:100%;box-shadow:5px 10px 75px #0006;float:left;margin:-90px 0 20px;position:relative;z-index:2;width:100px;height:100px}.body-action-button{background-color:#383838!important;border-radius:50%!important;box-shadow:1px 2px 12px #0006;cursor:pointer;height:40px!important;position:absolute;right:1px;left:90px;top:-97px;min-width:40px!important}.body-stats{font-size:12px;font-weight:700;float:left;margin:-14px 0 0 30px;position:relative;width:20%;padding-bottom:50px}.body-stats>span{display:inline-block;font-weight:900;margin-top:8px}.body-info{clear:left;position:relative;max-height:100px;overflow:hidden;transition:all .6s ease-out}.u-flex-center{display:flex;align-items:center;justify-content:center}