body {
  background: url("https://burntsienna.me/images/bsk.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: Helvetica;
  color:white;
}

h1{
  font-size: 36px;
  background-color: rgba(0, 0, 0, .45);
  font-weight: bold;
  text-align: center;
  margin:0;
  margin-top: 10px;
  height: 42px;
}

#created {
    position: absolute;
    bottom: 5px;
    right: 5.9%;
    color: white;
}

#e {
    position: absolute;
    bottom: 5px;
    right: 5.2%;
    color: white;
}

#Thanrek {
    position: absolute;
    bottom: 5px;
    right: 1%;
    color: white;
}

#and {
    position: absolute;
    bottom: 5px;
    right: 4.3%;
    color: white;
}

#counter{
  margin:0.5%;
}

#items{
  width:75%;
  height:calc(100% - 50px);
  position: absolute;
  right:25px;
  top:25px;
}

#items > div{
  width:24%;
  height:calc(50% - 52px);
  display: inline-block;
  margin:0.33%;
  vertical-align: top;
}

.container{
  overflow-y: scroll;
  width: 100%;
  height:calc(100% - 40px);
  background-color: rgba(0, 0, 0, .25);
  text-align: center;
}

#Antenna, #Player_Banner, #Avatar_border{
  vertical-align: top;
  height:31.5%;
}

#Antenna .container, #Player_Banner .container, #Avatar_border .container{
  height:calc(100% - 38px);
}



#social{
  position: absolute;
  top:25px;
  left:25px;
  width:20%;
  height:calc(98% - 50px);
  text-align: center;
  background-color: rgba(0, 0, 0, .25);
}

#contact{
  background-color: rgba(0, 0, 0, .2);
  margin:0;
  margin-bottom: 10%;
  font-size: 36px;
}

.socialimg{
  width:25%;
  margin:3%;
}

#social button{
  width:150px;
  height:50px;
  margin-top: 10%;
  margin-bottom:10%;
}

#steam, #xbox, #ps4 {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
}

.platformimg{
  width:100%;
}