﻿.blogcon{

    margin-top:30px;
    max-width:100%;
    padding-left:30px;
    padding-right:30px
}
.blogbuton{

    float:right;
    height:30px;
    background-color:#dededf;
    padding:5px;
    width:100px;
    border:1px solid gray;
}
.butond{
    margin-bottom:0!important;
    background-color:white;
    padding-top:10px;
    width:100%;
    height:50px;
}

.butond a{
    color:gray;
}

.blogbuton:hover{
   background-color:#5274e1;
   color:white;
}

.blogresim{
    border:1px solid gray;
    width:100%;
    height:175px;
    background-size:cover;
    background-position:center;
    background-size:100%;
}

.blogresim:hover{
    
transition: background-size .3s ease-in;      
background-size:110%;

      
} 
.blogbaslik{
    
    width:100%;
    background-color:white;
    padding:10px;
    border:1px solid gray;
    height:250px;
}
.aciklama {
    background-color:white;
    height:100px;
    
}
.baslik {
    font-size:18px;
    height:60px;
}
.blogicresim {
border:10px solid white;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
width:100%;
height:450px;
padding:30px;
}

.blogdigerresim {
    height:150px;
    width:100%;
    background-size:cover;
    padding:20px;
    background-position:center;
    background-repeat:no-repeat;
}

    .blogdigerresim:hover {
        border:2px solid yellow;
    }
.satirdiger{
    padding:20px;

}
.kisaaciklama{
    font-size:14px;
    color:#737171;
}