@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;900&display=swap');

            body {
                /* background: #3F3B51; */
                font-family: 'Calibri', serif;
            }
            
            /* button:focus, */
            .navbar-toggler:focus {
                outline: none;
                box-shadow: none;
            }
            
            header {
                /* background-color: #008489; */

                padding: 0px 0px;
                background-color:blueviolet ;
                /* background-color: #d90971; */

                /* background: linear-gradient(to right, #e60f0f, #efa53c,#30c5b1, #0c50a9); */
                /* -webkit-text-fill-color: transparent; */
                /* -webkit-background-clip: text; */
            
            }
            
            .navbar-brand {
                font-size: 40px;
                font-weight: 700;
                /* color: #0AEDED; */
                color: blueviolet;
                -webkit-text-stroke: #fff 1px;
            
            }
            
            .navbar-brand:hover {
                /* color: #3F3B51; */
                color: #810fa4;
            
            }
            
            .navbar-nav .nav-item {
                margin: 0px 5px;
            }
            
            .navbar-nav .nav-link {
                font-size: 15px;
                font-weight: 600;
                color: #fff;
                display: inline-block;

            }
            
            .dropdown-menu .dropdown-item {
                margin-bottom: 5px;
                font-size: 15px;
                /* background: #eedd44; */
            }
            
            .dropdown-menu .dropdown-item:hover {
                background-color: blueviolet;
                color: #fff;
                font-size: 15px;
            }
            
            .dropdown-mega .dropdown-menu {
                width: 100%;
            }
            
            .dropdown-mega h5 {
                padding-bottom: 5px;
                border-bottom: 1px solid rgba(0, 0, 0, .125);
                margin: 0;
                font-size: 15px;
            }
            
            .list-group-item {
                font-size: 14px;
                color: #3F3B51;
                border: 0;
                border-bottom: 1px solid rgba(0, 0, 0, .125);
                padding: 5px 10;
                background-color: blueviolet;
                color: #fff;

            }
            
            .list-group-item:hover {
                color: blueviolet;
                font-size: 14px;
            }
            
            /* .btn {
                background-color: #0AEDED;
            } */
            
            section {
                height: 100vh;
            }
            /* footer a{
                color: #0AEDED;
            
            } */

    #headgrd1
      {
        /*font-size: 40px;*/
        font-family: 'Audiowide';
        background: linear-gradient(to right, #f32170, #ff6b08,#cf23cf, #eedd44);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
      }

      #headgrd2
      {
          font-family: 'Roboto';
        background: linear-gradient(to right, #b203d1, #dc47da,#35a1d0, #c809cf);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-weight: bold;
      }

    #headgrd3
      {
        /*font-size: 40px;*/
       font-family: 'Calibri';
       font-weight: 800;
        background:  lightsalmon;
        /*-webkit-text-fill-color: transparent;
        -webkit-background-clip: text;*/
      }
      
            
            /* Responsive */
            @media(max-width: 991.5px) {
                .navbar-brand {
                    font-size: 30px
                }
            
                .navbar-nav .nav-item {
                    margin: 5px 10px;
                }
            
                form {
                    margin: 30px 0;
                }
            }