/* Style Settings */
:root {
  --bgColor:#1c1c1c;
  --accentColor:#e6e6e6;
  --font:-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif
}

#userName,.link,p {
  display:block;
  font-family:var(--font);
  text-align:center;
  font-size:1.25rem
}

a {
  text-decoration:none
}

.link:hover,body {
  background-color:var(--bgColor)
}

#userPhoto {
  width:110px;
  height:110px;
  display:block;
  margin:35px auto 20px;
  border-radius:50%
}

p {
  color:#bbb;
  font-style:italic
}

#userName {
  color:#bbb;
  font-weight:600;
  line-height:1.25;
  width:100%
}

#links {
  max-width:675px;
  width:auto;
  display:block;
  margin:27px auto
}

.link {
  background-color:var(--accentColor);
  color:var(--bgColor);
  margin-bottom:20px;
  padding:17px;
  transition:.25s cubic-bezier(.08,.59,.29,.99);
  border:solid var(--accentColor)2px
}

.link:hover {
  color:var(--accentColor)
}