style.css

@import url('https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap');

        body {
            background-color: #131316;
            font-family: 'Poppins', sans-serif;
            color: #ffffff;
            padding: 0;
            margin: 0;
            overflow-x: hidden;
        }

        section {
            display: grid;
            place-items: center;
            align-content: center;
            min-height: 100dvh; 
        }

        .hidden {
            opacity: 0; 
            filter: blur(1rem);
            transition: all 1s;
        }

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

        .right {
            transform: translateX(100%); 
        }

        .show {
            opacity: 1;
            filter: blur(0);
            transform: translateX(0);
        }

        .logos {
            display: flex;
        }

        .logo:nth-child(1) {
            transition-delay: 200ms;
            margin-right: 20px;
        }

        .logo:nth-child(2) {
            transition-delay: 400ms;
            margin-right: 20px;
        }

        .logo:nth-child(3) {
            transition-delay: 600ms;
        }