body,
        html {
            font-family: Arial, Helvetica, sans-serif;
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden;
            background-color: #0090FE;
        }

        .background {
            background-image: url('bg.jpg');
            background-size: cover;
            background-position: right;
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .content {
            position: absolute;
            background: linear-gradient(to right, rgba(2, 20, 60, 1) 75%, rgba(2, 20, 60, 0.8) 100%);
                width: 60%;
            
            text-align: center;
            color: white;
            
            height: 100%;
        }

        .logo {
            margin: 20px 0;
            width: 40%;
        }

        .msg {
            padding: 5% 20%;
        }

        @media only screen and (max-width: 768px) {
            .content {
                background: linear-gradient(to right, rgba(2, 20, 60, 0.95) 55%, rgba(2, 20, 60, 0.8) 100%);
                width: 100%;

            }

            .msg {
            padding: 5% 10%;
        }
        }

        .cta-button {
            background-color: #FFD700;
            /* Vivid yellow background */
            color: black;
            /* Black text color */
            border: none;
            /* No border */
            padding: 10px 20px;
            /* Padding around the text */
            font-size: 16px;
            /* Text size */
            cursor: pointer;
            /* Cursor indicates clickable */
            transition: all 0.3s ease;
            /* Smooth transition for hover effects */
            text-transform: uppercase;
            /* Uppercase text */
            font-weight: bold;
            /* Bold text */
            border-radius: 5px;
            /* Rounded corners */
        }

        .cta-button:hover {
            background-color: black;
            /* Change background to black on hover */
            color: #FFD700;
            /* Change text color to yellow on hover */
            box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
            /* Add a soft glow effect */
        }