.navicons {
font-size: 50px;
background: #332F2F;
color:lightgray;
padding: 1px 56px 1px 56px;
margin: 0px -2px 0px -2px;
}

.navicons:hover {
  background-color: red
}


.fcct {
  color: white;
  font-family: 'pixeled';
  width: 138px;
  text-align: center;
  margin: -5px 12px 40px 12px;
  display: block;
  float: left;
}

.fcct:hover {
  color: red;
  text-shadow: 2px 2px white;
  font-family: 'pixeled';
  width: 138px;
  text-align: center;
  margin: -5px 12px 40px 12px;
  display: block;
  float: left;
  border: 3px solid white;
  border-radius: 20px;
}

}

.fcci {
  margin: 30px 20px 20px 20px;
}

.backarrow1 {
  color: grey;
  font-size: 70px;
  margin: 110px 0px 0px 0px;
  position: absolute;
}

.backarrow1:hover {
  color: red;
}

.fct {
  color: black;
  text-shadow: 2px 2px grey;
  font-family: 'pixeled';
  padding: 20px 270px 20px 270px;
  background-image: url("milkyway.jpg");
  width: 268px;
  background-repeat: no-repeat;
  margin: 0px;
}


.badgestext {
  font-family: 'pixeled';
  color: black;
  margin: -495px 10px 0px 10px;
  text-shadow: 2px 2px grey;
  position: absolute;
}

.lbfc {
  background-color: #4BCE0F;
  border: 5px outset lightgrey;
  border-radius: 20px;
  color: black;
  width: 120px;
  height: 100px;
  padding: 10px 5px 10px 5px;
  margin: 20px -3px 1px 20px;
  font-family: 'pixeled';
  text-align: center;
  letter-spacing: 2px;
  text-decoration: none;
  display: inline-block;
}

.lbfc:hover {
  border-color: palevioletred;
}

.statstext {
text-align: left;
background-color: grey;
color: black;
padding: 10px 28px 10px 10px;
font-family: 'pixeled';
width: 220px;
margin: 0px 0px 10px 550px;
list-style: none
}

.profilename {
  color: black;
  background: white;
  font-family: 'pixeled';
  position: unset;
  width:490px;
  height: 52px;
  margin: -232px 0px 0px 0px;
  text-align: right;
  padding: 70px 50px 50px 10px;
  border-bottom: 50px solid lightgrey;
  text-shadow: 4px 4px grey;
}

.profilepic {
  position: absolute;
  margin: -518px 0px 0px -260px
}

.mapmakeractivity {
  font-family: 'pixeled';
  color: black;
  position: absolute;
  margin: -200px 0px -0px 240px;
  text-shadow: 2px 2px grey;
}


body {
  background-color: black;
}



html, body {height:100%}

@font-face {
    font-family: 'pixeled';
    src: url('pixeled.ttf');
}