@font-face {
  font-family: "Bipush";
  src: url("Bipush.ttf") format("truetype");
 }

/*font source : Nathan Rutzky - https://github.com/nathco/Office-Code-Pro*/
@font-face {
  font-family: "OfficeCode";
  src: url("OfficeCodePro-Light.otf") format("truetype");
 }

body{
    background-color: black;
    color: white;
    font-size: 13px;
    font-family: OfficeCode;
}

h1,h2,h3{
    font-size: 13px;
}

a{
    text-decoration: none;
    color: inherit;
}

header{
  padding: 20px 50px;
  border-bottom: white solid 1px;
}

.index {
  padding: 20px 50px;
  width: 10%;
  border-right: white solid 1px;
}

.index > div > div{
    margin-left: 5%;
}   

.logs {
    margin: 0% 5%;
    padding: 1px 0% 50% 5%;
    width: 33%;
    border-left: white solid 1px;
}

#posts div{
    border: white dashed 1px;
    margin-top: 24px;
    padding: 12px;
}

.type{
  color: black;
  background-color: white;
  padding: 2px;
  border-radius: 8%;
}

#posts p{
  margin-top: 12px;
}

.logs .navbar{
  margin: 24px 0px;
  padding: 12px 0%;
  border-top: white solid 1px;;
}

footer {
    font-size: 12px;
    padding: 20px 50px;
    color: rgb(34, 34, 34);
}

@media screen and (max-width: 700px) {
  *{
    margin: inherit;
    width: 100%;
  }

  .index{
    width: 90%;
  }
  
  .logs{
    width: 60%;
  }
}