.registration-form {
            max-width: 700px;
            margin: 0 auto;
            padding: 20px;
            
        }
        .container {
            background-image: linear-gradient(to right, #8e2de2, #4a00e0);
            max-width: 700px;
            align-items: center;
            padding-top: 50px;
            padding-bottom: 50px;
            border: 2px solid white;

        }
        .head {
            
            
            
            background-image: linear-gradient(to right, #8e2de2, #4a00e0);
            border: 2px solid white;
        }

        .text-color{

            color: white;


        }

        .navbar {
            background-color: rgb(255, 255, 255);
        }

        .navbar .navbar-nav .nav-link  {
            color: rgb(0, 0, 0);
        }

        .navbar-brand{

            color: rgb(255, 255, 255);
        }

        .container2{

            padding: 40px;
            border: 0px solid white;
            margin-right: 40px;
            margin-left: 40px;



        }
       .nav-item{

        color: black;



       }

       .button{

        align-items: center;


       }

       .navbar .navbar-nav .nav-link:hover  {
        color: rgb(26, 25, 25);
        background: rgb(196, 195, 195);
    }