@import url(https://fonts.googleapis.com/css?family=Montserrat);*{box-sizing:border-box}body{color:rgba(255,255,255,.87);background-image:linear-gradient(40deg,#4f3d6b 0,#576a9c 100%);min-height:100vh;overflow:hidden;font-family:Montserrat,sans-serif}.card{max-width:340px;margin:auto;position:fixed;z-index:1;background-color:#121212;border-radius:10px;box-shadow:0 0 0 8px rgba(255,255,255,.1);top:50%;left:50%;transform:translate(-50%,-50%)}.card-overlay{background-color:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;flex-direction:column}.card-header{position:relative;height:auto;flex-shrink:0;margin-top:1rem}.card-container{display:flex;align-items:center;justify-content:center}.card-avatar{width:100px;height:100px;box-shadow:0 8px 8px rgba(0,0,0,.2);border-radius:50%;position:relative;bottom:0}.card-fullname{position:relative;bottom:0;font-size:22px;font-weight:700;text-align:center;white-space:nowrap}.card-jobtitle{position:relative;bottom:0;font-size:11px;text-align:center;white-space:nowrap;font-weight:500;opacity:.7;text-transform:uppercase;letter-spacing:1.5px;margin:0}.card-main{position:relative;flex:1;display:flex;flex-direction:column}.card-subtitle{font-weight:700;font-size:13px;margin-bottom:8px}.card-content{padding:1rem}.card-desc{line-height:1.6;color:rgba(255,255,255,.6);font-size:14px;margin:0;font-weight:400;font-family:Montserrat,sans-serif}.card-social{display:flex;align-items:center;padding:0 20px;margin-bottom:1rem}.card-social svg{fill:rgba(255,255,255,0.87);width:16px;display:block}.card-social a{color:#8797a1;height:32px;width:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:rgba(93,133,193,.05);border-radius:50%;margin-right:10px}#discord{cursor:pointer}.card-social a:hover svg{fill:url(#gradient) #576a9c}.card-social a:last-child{margin-right:0}