/* Aangepaste CSS voor achtergrond en header */

                
        /* .header {
            padding: 20px 0;
            background-color: rgba(0, 0, 0, 0.5); /* Semi-transparante zwarte achtergrond voor de header */
        /* } */
        
        * {
            scroll-behavior: smooth;
        }
        
        html,
        body {
            overflow-x: hidden;
            font-family: 'Archivo Black';
        }
        
        .gradient {
            background-image: linear-gradient(to right, rgb(201, 254, 252), rgb(11, 214, 240)); /* Gradient kleurverloop */
            color: rgb(55, 55, 54);
        }
        
        /* .tacobg {
            background-image: url('images/bgimg.png');
            background-repeat: repeat;
            background-size: 130px;
        } */

        .tacobg {
            background-image: url('images/bgimg.png');
            background-repeat: repeat; /* Repeat only horizontally */
            background-size: 130px;
            animation: slideFish 10s linear infinite; /* Adjust duration and timing function as needed */
        }
        
        @keyframes slideFish {
            0% {
                background-position: 0 0;
            }
            100% {
                background-position: 100% 0; /* Move the background to the right edge */
            }
        }
        
        
        @keyframes customBounce {
            30% {
                transform: scale(1.2);
            }
        
            40%,
            60% {
                transform: rotate(-20deg) scale(1.2);
            }
        
            50% {
                transform: rotate(20deg) scale(1.2);
            }
        
            70% {
                transform: rotate(0deg) scale(1.2);
            }
        
            100% {
                transform: scale(1);
            }
        }
        
        .about-logos {
            animation: customBounce 1.5s infinite;
        }
        .w-full button:hover .svgg path {
            fill: black;
        }
        
        .roundimage {
            border-radius: 50%;
            object-fit: cover;
            width: 100%;
            height: 100%;
        }