/* Temel stillemeler */
.tab-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.tab-button {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}

    .tab-button:hover {
        background-color: #45a049;
    }

.tab-content {
    display: none;
    padding: 20px;
    border: 1px solid #ddd;
}

/* İlk sekme varsayılan olarak görüntülenir */
#tab1 {
    display: block;
}