*{
 margin: 0;
 padding: 0;
}

* {
  box-sizing: border-box;
  /* make sure padding and margins are included in size of elements */
}

body{
  background: #000;
  font-family: apple-system, BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
  font-size: 15.5px;
  
-webkit-text-size-adjust: 100%;
    
}

.post-profile{
   display: block;
   width: 40px;
   height: 40px;
   float: left;
}

.post-header{
  margin-left: 50px;
}

.post-name{display: inline;
font-weight: bold;
}

.container{
 border-left: 1px solid #333;
 border-right: 1px solid #333;
 border-bottom: 1px solid #333;
  max-width: 565px;
 margin-left: auto;
 margin-right: auto;
margin-top: 10px;
 border-radius: 10px;
  background: #000;
}
.post-tag{display: inline; color: #777}

.post{

 border-top: 1px solid #333;

 color: #ddd;
 padding: 1em 1em 1em 1em;

}

.post-content{
 line-height: 1.3em;
 margin-left: 50px;
}

.post-content p{
 padding: .5em 0 .5em 0;
}

.post-content a{
color: rgb(29, 155, 240);
text-decoration: none;
}

.post-content a:hover{
text-decoration: underline;
}

.post-footer{
   display: block;
   margin-left: auto;
   margin-right: auto;
color: #777;
text-align: center;
height: 1.25em;

}

.post-footer ul{
 text-align: center;
 margin-left: 40px;
 margin-right: 40px;
margin-top: .3em;

}

.post-footer ul li{
list-style-type: none;
display: block;
float: left;
width: 25%;

text-align: center;
}

.gab{
 background-image: url("/img/icons_sprite.png");
 opacity: 0.7;
 background-position: 0 0;
 background-size: 90px !important;
 display: block;
 width: 24px;
 height:24px;
 margin-left: auto; margin-right: auto;
 
}

.twitter{
 background-image: url("/img/icons_sprite.png");
 opacity: 0.7;
 background-position: -22px 0;
 background-size: 90px !important;
 display: block;
 width: 24px;
 height:24px;
 margin-left: auto; margin-right: auto;
}

.telegram{
 background-image: url("/img/icons_sprite.png");
 opacity: 0.7;
 background-position: -48px 0;
 background-size: 90px !important;
 display: block;
 width: 22px;
 height:24px;
 margin-left: auto; margin-right: auto;
}

.permlink{
 background-image: url("/img/icons_sprite.png");
  opacity: 0.7;
 background-position: -68px 1px;
 background-size: 90px !important;
 display: block;
 width: 24px;
 height:24px;
 margin-left: auto; margin-right: auto;
}

.btn{
 background-image: url("/img/link.png");
  opacity: 0.7;
 background-color: none;
border: none;
 background-position: -3px -3px;
 background-size: 28px !important;
 display: block;
 width: 24px;
 height:24px;
 margin-left: auto; margin-right: auto;
}

.btn:hover{
 background-position: -3px -31px;
  opacity: 1;
}

.gab:hover{
 background-position: 0 -22.5px;
  opacity: 1;
}

.twitter:hover{
 background-position: -22px -22.5px;
  opacity:1;
}
.telegram:hover{
 background-position: -48px -22.5px;
  opacity: 1;
}

.permlink:hover{
 background-position: -68px -21.5px;
  opacity: 1;
}

.permdate{
 text-decoration: none;
 color: inherit;
}

.permdate:hover{
 text-decoration: underline;
}



 .tooltip {
    position: absolute;
    background-color: #222;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.3s;
  }


@media screen and (max-width: 500px) {
.container{}
}