.post {
        width: 200px;

        position: relative;
        cursor: pointer;
    }

.post2 {
        width: 200px;
        position: relative;
        cursor: pointer;
	border: 3px solid #273d4d;
    }
 
    .post:hover .post-s {
        width: 200px;
 
    }
 
    .post img {
        display: block;
        width: 200px;
        height: 250px;
 
    }
    .post-s {
        width: 0px;
        height: 250px;
background: rgba(20, 39, 55, 0.84);
        position: absolute;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
  transition: 0.7s ease;
 
    }
    .post-s h2 {
        color:white;
        font-size: 50px;
        border: 6px solid white;
        padding: 10px 30px;
    }


		.avaname {
font-family: 'Encode Sans SC', sans-serif;
    font-size: 17px;


}