/*
Theme Name: kefartheme
Author: Kefart
Version: 1.0
*/

.product{
    border: solid 2px white;
    transition: transform 0.3s ease;
}
.product:hover{
    transform: translateY(-10px);
}
li{
    transition: all 0.3s ease;
}
li:hover{
    color: peru;
}
.logo{
    transition: transform 0.3s ease;
}
.logo:hover{
    transform: translateY(5px);
}
p{
	color: white; }

span{
	color: white;
}

h1 {
      font-size: 3rem;
      opacity: 0;
      transform: translateY(30px);
      animation: fadeInUp 1.5s ease-out forwards;
      position: relative;
    }

    @keyframes fadeInUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* Parlayan yazı efekti (isteğe bağlı) */
    h1::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -10px;
      width: 100%;
      height: 3px;
      background: linear-gradient(to right, #ff8069, #ffffff);
      animation: underlineSlide 2s ease-in-out infinite;
    }

    @keyframes underlineSlide {
      0% { transform: scaleX(0); opacity: 0; }
      50% { transform: scaleX(1); opacity: 1; }
      100% { transform: scaleX(0); opacity: 0; }
    }

 @keyframes slideInFromLeft {
        0% {
            transform: translateX(-100%);
            opacity: 0;
        }
        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }

    @keyframes slideInFromRight {
        0% {
            transform: translateX(100%);
            opacity: 0;
        }
        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }

    /* Başlık için animasyon */
    .animate-slideInFromLeft {
        animation: slideInFromLeft 1s ease-out forwards;
    }

    /* Ürünler için animasyon */
    .animate-slideInFromRight {
        animation: slideInFromRight 1s ease-out forwards;
    }