* {
  margin:0;
  padding:0;
  font-family:'Karla','Karla',sans-serif;
  letter-spacing:0;
  font-weight:700
}

html {
  background-color:#FAEECF
}

.lnks {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:300px;
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%)
}

.imglnks {
  align-items:left;
  margin-bottom:2.5%
}

.imglnks a {
  margin-left:5px;
  margin-right:5px
}

img.avatar {
  margin-bottom:10%;
  border-radius:50%
}

a.lnk {
  margin:2.5%;
  border-width:2px;
  border-style:solid;
  border-color:#110D02;
  border-radius:8px;
  background-color:transparent;
  color:#110D02;
  letter-spacing:0;
  font-weight:700;
  font-size:14px;
  width:100%;
  height:60px;
  vertical-align:middle;
  line-height:60px;
  font-style:none;
  text-decoration:none;
  text-align:center
}

a.switch {
  text-decoration:none;
  font-size:12px;
  margin-top:5%;
  color:#110D02;
  font-weight:400
}

a.switch:hover {
  font-weight:700
}

a:link {
  text-decoration:none
}

a:visited {
  text-decoration:none
}

a.lnk:hover {
  background-color:#110D02;
  color:#FAEECF;
  text-decoration:none
}

a:active {
  text-decoration:none
}