.icons li{
    list-style: none;
    color: #0d2866;
    font-size: 20px;
    margin-top:300px;
    height: 38px;
    width: 38px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s ease;
  }
.input-box .tweet-area{
    position: relative;
    overflow-y: auto;
  }
  
  .posttext{
    position: relative;
    margin-top: -60px;
    font-size: 16px;
    color: #98A5B1;
    pointer-events: none;
  }
  .posttitel{
    margin-top: -3px;
    font-size: 25px;
    color: #98A5B1;
    pointer-events: none;
  }
  .tweet-area .input{
    outline: none;
    font-size: 17px;
    word-wrap: break-word;
    word-break: break-all;
  }
  .tweet-area .editable{
    position: relative;
    z-index: 5;
  }
  .tweet-area .readonly{
    position: relative;
    top: 0;
    left: 0;
    z-index: -1;
    color: transparent;
    background: transparent;
  }
  .readonly .highlight{
    background: #fd9bb0;
  }
  .bottom{
    display: flex;
    margin-top: 13px;
    align-items: center;
    justify-content: space-between;
  }
  .bottom .icons{
    display: inline-flex;
  }


.input-box{
    padding-top: 10px;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
  }
  .input-box .tweet-area{
    position: relative;
    min-height: 70px;
    max-height: 170px;
    overflow-y: auto;
    width: 100%;
  }

.wrapper{
    background: #fff;
    max-width: 100%;
    width: 100%;
    padding: 25px 25px 15px 25px;
    box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
    margin-bottom: 18px;
  }

.posttitel{
    color: black;
    margin-top: 0px;
    font-size: 14px;
  }

  .posttext{
    color: black;
    margin-top: 0px;
    font-size: 14px;
  }


.likes-heart{
    color: #98A5B1;
    margin-top: 40px;
    font-size: 14px;
  }


.like_container {
    text-align: center;
    padding: 100px;
}

/*button*/
.heart {
    background: url(../image/web_heart_animation.png);
    background-position: left;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    cursor: pointer;
    position: absolute; 
    top: -15px;
    left: -40px;
    background-size:2900%;
}
.heart:hover, .heart:focus{
background-position: right;
}

@-webkit-keyframes heartBlast {
0% {
    background-position: left;
}
100% {
    background-position: right;
}
}

@keyframes heartBlast {
    0% {
    background-position: left;
}
100% {
    background-position: right;
}
}

.heartAnimation {
	display: inline-block;
	-webkit-animation-name: heartBlast;
	animation-name: heartBlast;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-timing-function: steps(28);
	animation-timing-function: steps(28);
	background-position: right;
}
.feed p{
  font-family: 'Georgia', Times, Times New Roman, serif; 
	font-size: 25px;
    margin-top:50px;
}

.feed{
	clear: both; 
	position: relative;
  margin-top:-30px;
  left: -20px;
}
/*.likeCount{
	font-family: 'Georgia', Times, Times New Roman, serif; 
	margin-top: 13px;
	margin-left: 28px;
	font-size: 16px;
	color: #999999
}*/