/* Temel Responsive Ayarlar */
html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    box-sizing: border-box;
    width: 100%;
}

*, *::before, *::after {
    box-sizing: inherit;
}

/* Animasyonlar */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(20px);
    }
}

/* Sosyal İkonlar Hover Efektleri */
.social-icon:hover {
    transform: scale(1.2);
}

.social-icon {
    padding: 0.5rem;
}

.social-icon:nth-child(2):hover {
    color: #34A853 !important;
}

.social-icon:nth-child(3):hover {
    color: #F4B400 !important;
}

.social-icon:nth-child(4):hover {
    color: #00aaff !important;
}