html,body{margin:0;height:100%}body{display:flex;justify-content:center;align-items:center;background:url(background.jpg) center/cover no-repeat;font-family:Arial;background-color:#222}body:before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.45)}.card{position:relative;z-index:1;text-align:center;color:#fff}.avatar{width:170px;height:170px;border-radius:50%;border:2px solid rgba(255,255,255,.4)}.discord{cursor:pointer;margin-top:20px}.icon,.name{transition:.2s}.icon{font-size:34px}.name{font-size:42px}.discord:hover .icon,.discord:hover .name{filter:brightness(1.3);text-shadow:0 0 10px #fff}#copy{opacity:0;transition:.2s} .discord:hover #copy{opacity:1}