@import "https://fonts.googleapis.com/css?family=Poppins";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css";:root{--font-family:"Poppins",sans-serif;--black-color:#212121;--white-color:#f1f1f1;--transition-duration:500ms;--transition-timing-function:ease-in-out}body{font-family:var(--font-family);background-color:color-mix(in srgb,var(--black-color)10%,white 90%);font-size:71.42%}.container{justify-content:center;align-items:center;margin:auto;display:flex}.profile-card{width:250px;height:374px;background-color:var(--white-color);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 0 80px rgba(0,0,0,.4)}.profile-card .profile-image{max-height:100%;transition:all var(--transition-timing-function)var(--transition-duration);justify-content:center;align-items:center;margin:auto;display:flex;position:absolute;transform:translate(0)}.profile-card .profile-image:after{content:"";z-index:1;transition:all var(--transition-timing-function)var(--transition-duration);background-color:rgba(33,33,33,.2);margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.profile-card .profile-image img{max-width:100%;transition:all ease var(--transition-duration);border-radius:4px}.profile-card .profile-image .info{z-index:2;color:var(--white-color);flex-direction:column;font-size:1.5rem;display:flex;position:absolute;bottom:40px;left:1rem}.profile-card .profile-image .info .view-more{justify-content:center;align-items:center;display:flex}.profile-card .profile-image .info .view-more button{width:2rem;height:2rem;color:var(--white-color);background-color:rgba(33,33,33,.8);border:none;border-radius:500px;outline:0;margin-left:1rem}.profile-card .profile-image .info .view-more button i.fa{transition:all var(--transition-timing-function)var(--transition-duration)}.profile-card .profile-image .info .view-more button:hover{cursor:pointer}.profile-card .profile-image .info .view-more button:hover i.fa{margin-left:.4rem}.profile-card .profile-image .info .designation{font-size:.8rem}.profile-card .profile-info{z-index:20;transition:all var(--transition-timing-function)var(--transition-duration);flex-direction:column;padding:1rem 1.2rem;display:flex;position:relative;transform:translateY(150%)}.profile-card .profile-info .name{font-size:1.6rem}.profile-card .profile-info .designation{font-size:1rem}.profile-card .profile-info .description{text-align:justify;justify-content:center;font-size:.7rem;display:flex;overflow:auto}.profile-card .profile-info hr{width:100%;margin:.2rem auto}.profile-card .profile-info .follow{color:var(--black-color);justify-content:space-around;align-items:center;margin-bottom:.2rem;font-size:1.2rem;display:flex}.profile-card .profile-info .back-btn{font-family:var(--font-family);color:var(--white-color);transition:background-color var(--transition-timing-function)var(--transition-duration);background-color:#000;border:none;border-radius:4px;outline:0;padding:.5rem 2rem;font-size:1rem}.profile-card .profile-info .back-btn:hover{cursor:pointer;background-color:color-mix(in srgb,var(--black-color)90%,white 10%)}.profile-card:hover .profile-image:after{background-color:rgba(var(--white-color),.1)}.profile-card.active .profile-image{transform:translate(-32%,-37%)scale(.2)}.profile-card.active .profile-image:after,.profile-card.active .profile-image .info{visibility:hidden}.profile-card.active .profile-info{margin-top:5.5rem;transform:translateY(0)}
/*# sourceMappingURL=profile-card-page.0222283e.css.map */