@import url('https://fonts.googleapis.com/css2?family=Meow+Script&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

                           *{ padding: 0;
   
                            border: 0;
   
                            margin: 0;

                            font-family: 'Ubuntu' , sans-serif;


                        }

                        body{

                            background-image: linear-gradient(to right , #01022dda , #000000d2)  , url(download.webp);

                            display: flex;

                            justify-content: center;

                            align-items: center;

                            width: 100%;

                            height: 100vh;

                            background-repeat: no-repeat;

                            background-size: cover;

                            overflow: hidden;

                        }

                        header a   , header .nav nav ul li a{

                            text-decoration: none;

                            color: white;

                        }



                        header .nav nav ul{

    

                            display: flex;

                            justify-content: flex-end;

                            gap: 100px;

                        }


                        header .nav nav ul li {

                            display: inline-block;
    
    

                        }


                        .container{
    


                            width: 95%;

                            height: 95%;

                            margin: 15px;

                            background-repeat: no-repeat;

                            background-size: cover;
    

                        }


   
                        header .nav nav ul li a:hover{
   
                            background-color: white;
   
                            color: black;
   
                            padding: 10px;
   
                            border-radius: 5px;
   
                            transform: scale(1.2);
   
                            
   
                            transition: 0.3s;

                        }

                        a{

                            display: inline-block;
    

                        }


                        .logo:hover{

                            background: white;

                            color: black;

                            padding: 5px;

                            border-radius: 5px;

                            transform: scale(1.2)

                            ;

                            transition: 0.3s;

                        }

                        main .text h1 {

                            color: white;

                            font-size: 50px;

                        }

                        main .text p{

                            color: white;

                            width: 35%;
    

                        }

                        .content{

                            display: flex;

                            align-items: flex-end;

                            width: 100%;

                            height: 50%;
    

                        }

                        footer{

                            display: flex;

                            justify-content: center;

                            width: 35%;

                        }





                        button{

                            border: none;

                            padding: 15px;

                            margin: 25px;

                            color: black;

                            background: white;

                            border-radius: 10px;

                            font-size: medium;
    

                        }

                        button:hover{

                            background: black;

                            color: white;

                            padding: 15px;

                            border-radius: 10px;

                            transform: scale(1.2);

                            transition: 0.3s;

                        }

                        @media (max-width:950px) {

                            .content{

                                display: flex;

                                
        
                                justify-content: center;


        
                                align-items: center;
        
                                width: 100%;
        
    
                                height: 70%;
    
                            }
   
                            header .nav nav ul{
   
                                
                                 gap: 15px; 
        justify-content: center;
   
                            }
 
                            .text{
 
                                width: 100%;
 
                            }

 
                            header .nav nav ul li a:hover{
 
                                padding: 5px;
 
                            }
                   
    }

 




h1 {
                              text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff;
   
                       color: white;
}
button {
                        box-shadow: 0 0 15px rgba(0, 212, 255, 0.5);
}

    header .nav nav ul li a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #00d4ff; 
    transition: width .3s;
    width: 100%;
}

button {
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(0, 212, 255, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(0, 212, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 212, 255, 0); }
}