.comments > div{
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    display: flex;
    align-items: flex-start;
}
.comment-add{
    margin: 15px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
}
.comment-hide {
    transform: translateX(calc(-100% - 100px));
    height: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.comment-write{
    transition: all 0.3s ease;
    max-height: 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.comment-write img{
    margin-right: 20px;
}
.comments{
    overflow: hidden
}
.loading {
    font-style: italic;
}
#main-container .loading img{
    display: inline;
    width: 60px!important;
}

.loading:after {
    content: '.';
    animation: loading 1s ease alternate infinite;
    -webkit-animation: loading 1s ease alternate infinite;
}
@keyframes loading {
    60% {
        text-shadow: 0.35em 0 0 currentColor;
    }

    100% {
        text-shadow: 0.35em 0 0 currentColor, 0.75em 0 0 currentColor;
    }
}
@keyframes race {
    0% {
        transform: skew(0, -3deg);
        -webkit-transform: skew(0, -3deg);
        -moz-transform: skew(0, -3deg);
        -ms-transform: skew(0, -3deg);
        -o-transform: skew(0, -3deg);
}
    25% {
        transform: skew(0, 3deg);
        -webkit-transform: skew(0, 3deg);
        -moz-transform: skew(0, 3deg);
        -ms-transform: skew(0, 3deg);
        -o-transform: skew(0, 3deg);
}
    50% {
        transform: skew(0, -3deg);
        -webkit-transform: skew(0, -3deg);
        -moz-transform: skew(0, -3deg);
        -ms-transform: skew(0, -3deg);
        -o-transform: skew(0, -3deg);
}
    75% {
        transform: skew(0, 3deg);
        -webkit-transform: skew(0, 3deg);
        -moz-transform: skew(0, 3deg);
        -ms-transform: skew(0, 3deg);
        -o-transform: skew(0, 3deg);
}
    100%{
        transform: skew(0, );
        -webkit-transform: skew(0, );
        -moz-transform: skew(0, );
        -ms-transform: skew(0, );
        -o-transform: skew(0, );
}
}