.haberler{
    display: flex;
    justify-content:center;
    gap: 20px;
}

.haber-box { 
   position: relative;
   width: 400px;
   min-height: 400px;
   padding: 15px;
   margin: 20px 10px;
   background-color: var(--color-acik-gri);
}
 
.haber-box img{
   width: 370px;
   height: 250px;
   object-fit: cover;
}

.haber-box  h2 { 
   font-size: 1rem;
   color: var(--color-koyu-mavi);
}

.haber-box a{
   color: var(--color-koyu-mavi);
}

.haber-box a:hover{
   color: var(--color-koyu-mavi);
   text-decoration: underline;
}

.haber-txt {
    padding: 10px;
}

.haber-box span {
    display: flex; 
    justify-content: right;
    margin-bottom: 10px;
    font-size: 0.8rem;
    color: var(--color-koyu-mavi);
}