html,body{height:100%;margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;
}

.bg{
  position:fixed; inset:0; z-index:-1;
  background:#151515 url('img/background.png') repeat;
  background-size:auto;
}

.card{
  width:340px; max-width:92vw;
  margin:48px auto 32px;
  padding:22px 18px 20px;
  text-align:center;
  background:#2f3136;
  color:#fff;
  border-radius:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.35);
}

.avatar{
  width:130px; height:130px;
  border-radius:50%;
  object-fit:cover;
  display:block; margin:0 auto 12px;
  border:none; background:none;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}

.title{margin:0 0 8px; font-size:24px; font-weight:700}
.flag{margin-left:6px}
.handle{
  display:inline-block; margin:6px 0 12px;
  padding:6px 12px; font-size:13px;
  color:#c7c7c7; background:#1f2327; border-radius:6px;
}
.about{margin:0 0 16px; color:#e7e7e7; font-size:14px; line-height:1.4}
.btn{
  display:inline-block; background:#2AABEE; color:#fff;
  text-decoration:none; font-weight:700; font-size:14px;
  padding:11px 24px; border-radius:22px;
  transition:filter .2s ease;
}
.btn:hover{filter:brightness(.95)}