body {
        margin:0;
        font-family: Arial, sans-serif;
        background:#f2f4f7;
        }
        
    #map {
        height: 70vh;
        width:100%;
        }
        
    .panel {
        padding:12px;
        display:flex;
        gap:12px;
        align-items:flex-start;
        max-width:1500px;
        margin:12px auto; 
            }
            
    .list { 
        width: 720px;
        max-height: 28vh;
        overflow:auto;
        border:1px solid #ddd;
        padding:8px;
        border-radius:6px;
        background:#fff;
        box-shadow:0 2px 6px rgba(0,0,0,0.04); 
        
    }
    
    .details {
        flex:1; 
        border:1px solid #ddd;
        padding:8px; 
        border-radius:6px;
        background:#fff; 
        min-height:28vh;
        box-shadow:0 2px 6px rgba(0,0,0,0.04);  
        
    }
    
    button.quake-btn {
        display:block;
        width:100%;
        margin:6px 0; 
        padding:8px;
        text-align:left;
        border-radius:4px;
        border:1px solid #ccc;
        background:#f7f7f7;
        cursor:pointer;
        }
        
    .attribution {
        font-size:12px;
        color:#666;
        padding:8px; 
        text-align:center;
        max-width:1200px;
        margin:0 auto 30px auto; 
        
    }
    
    h3 {
        margin:6px 0;
        font-size:16px; 
        
    }
    
    .source-badge {
  display: inline-block;
  background-color: #4CAF50;
  color: white;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 12px;
  margin-left: 6px;
}
#location{
    color:red;
}


  footer {
  background-color: gray; /* mavi arka plan */
  color: white;              /* yazı rengi */
  text-align: center;        /* ortala */
  padding: 50px 0;
     display: flex;
 
 

  }

  .footer-container {
  display: flex;              /* yan yana diz */
  justify-content: space-around; /* aralara boşluk koy */
  align-items: center;        /* dikey ortala */
  max-width: 1200px;
  margin: 0 auto;             /* ortala */
}

.footer-item {
  flex: 1;          /* her biri eşit genişlik alır */
  text-align: center;
}

a.footere{
    font-size: 17px;
    text-decoration: none;
    color: white;
}