.construction-container {
            text-align: center;
           /* background-color: rgba(0, 0, 0, 0.6);*/
            padding: 3rem;
            border-radius: 15px;
            backdrop-filter: blur(5px);
            box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
            max-width: 80%;
            width: 600px;
        }

        .logo_construction {
            font-size: 4rem;
            margin-bottom: 1.5rem;
            animation: bounce 2s infinite;
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
            40% { transform: translateY(-30px); }
            60% { transform: translateY(-15px); }
        }

     

        .progress {
            height: 25px;
            margin: 2rem 0;
            border-radius: 20px;
            overflow: hidden;
            background-color: rgba(255, 255, 255, 0.2);
        }

        .progress-bar {
            background-color: #546e88ff;
            width: 75%;
            animation: progressAnimation 2s infinite alternate;
        }

        @keyframes progressAnimation {
            0% { width: 65%; }
            100% { width: 85%; }
        }



        .floating-tools {
            position: absolute;
            animation: float 6s ease-in-out infinite;
        }

        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }
        }

        .tool-1 {
            top: 5%;
            left: 40%;
            font-size: 2.5rem;
        }

        .tool-2 {
            top: 75%;
            right: 15%;
            font-size: 2rem;
        }

        .tool-3 {
            bottom: 30%;
            left: 20%;
            font-size: 2.2rem;
        }

        .tool-4 {
            bottom: 25%;
            right: 20%;
            font-size: 1.8rem;
        }