.blog_row {
    height: 100px;
}

.blog_left {
    width: 100px;
    padding: 0px;
}

.blog_day {
    background-color: #bde0fe;
    color: navy;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
    font-family: 'cursive';
    font-style: italic;
    font-size: medium;
    font-weight: 550;
    font-stretch: expanded;
}

.blog_month {
    background-color: navy;
    color: white;
    height: 30px;
    text-align: center;
    padding-top: 4px;
    font-family: cursive;
    font-style: italic;
    font-size: medium;
    font-weight: 500;
    font-stretch: expanded;
}

.blog_year {
   background-color: navy;
    color: white;
    height: 30px;
    text-align: center;
    padding-top: 4px;
    font-family: 'cursive';
    font-style: italic;
    font-size: medium;
    font-weight: 500;
    font-stretch: expanded;
}

.blog_text {
    height: 100px;
    color: navy;
    background-color: #bde0fe;
    font-family: 'cursive';
    font-style: italic;
    font-weight: 450;
    font-stretch: semi-condensed;
    cursor: pointer;
font-size: medium;
text-align: left;
}

    .blog_text:hover {
        height: 100px;
        padding: 0px;
        transition: .9s;
        background-color: lightgray;
        color: #c18f59;
        animation: mymove 3s infinite;
    }

@keyframes mymove {
    50% {
        background-color: lavendar;
        color: navy;
    }
}

.blog_title {
        height: 30px;
    padding: 0px;
    color: white;
    background-color: navy;
    font-family: 'cursive';
    font-style: italic;
    font-weight: 500;
    font-stretch: semi-expanded;
    cursor: pointer;
font-size: medium;
text-align: center;
}

.blog_desc {
    height: 70px;
    padding-left: 12px;
    font-size: large;
    overflow:hidden;
    text-overflow:ellipsis;
}

.active{
	    border-color: red;
}