* {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;

    li ul {
        list-style: none;
        list-style-position: inside;
        margin: 0;
        padding: 0;
    }

    ::selection{
        background-color: #fce8b7;
    }
}

body {
    background-color: #f8f7f4;
}

header,
section,
footer {
    background-color: #f8f7f4;
}

.color-cycle{
    animation: color-cycle 32s linear infinite;
}
@keyframes color-cycle{
    0% {
        background-color: #ffda79;
    }
    25% {
        background-color: #ffabe7;
    }
    50% {
        background-color: #d2bcf3;
    }
    75% {
        background-color: #edf3d8;
    }
    100% {
        background-color: #ffda79;
    }
}
.section-2 {
    background-color: #ffda79;
    height: 95vh;
}

.section-3 .slider .slider-container .img-container img {
    width: 200px;
    height: 150px;
}

.section-3 .slider:hover .slider-container {
    animation-play-state: paused;
}

.section-3 .slider .slider-container {
    animation-duration: 35s;
}

.bolded {
    font-weight: 600 !important;
}

.semi-bold {
    font-weight: 400 !important;
}

.font2 {
    font-family: "Source Serif 4", serif !important;
}


.slider {
    overflow: hidden;
    display: flex;
    gap: 1rem;
    max-width: 100vw;
}

.slider-container {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: sliding 60s linear infinite;
    gap: 1rem;
}

header .slider .slider-container img,
header .slider .slider-container video {

    height: 340px;
    width: 273px;
    object-fit: cover;
}

@keyframes sliding {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

section img {
    cursor: pointer;
}

@media (max-width:766px) {

    header .slider .slider-container img,
    header .slider .slider-container video {
        height: 272px;
        width: 218px;
        object-fit: cover;
    }
}