html {
        scroll-behavior: smooth;
    }

    body{
        font-family: 'Montserrat', sans-serif;
    }
    
    .nav-item:hover{
        opacity: 0.8;
    }  

    .nav-item::after {
      content: '';
      display: block;
      width: 0;
      height: 2px;
      background: #0A38F5;
      transition: width .3s;
    }

    .nav-item:hover::after {
        width: 100%;
        transition: width .3s;
    }

    .navbar-toggler.toggler-1 {
        cursor: pointer;
    }
    
    .dark-blue-text {
        color: #0A38F5;
    }

    .card-hover:hover{ 
        box-shadow: 1px 8px 20px grey;
        -webkit-transition:  box-shadow .2s ease-in;
    }
    
    .btn-link:hover{
        color: #0A38F5;
    }
   
    #myId:hover{
        color: #0A38F5;
    }
    #mybtn{
        background-color: #343af4;
    }

    #mybtn:hover{
        background-color: #2b31ca;
    }

    .rounded:hover{
        opacity: 0.7;
    }

    #loading{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #fff url('images/gif.gif') no-repeat center;
        z-index: 99999;
    }
    
    @media only screen and (max-width: 768px) {
        .navbar-brand {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        overflow: hidden;
        }
        .nav-item{
        text-align: center;
        }
        .nav-item:hover{
            opacity: 0.8;
            border: none;
        }  
        .center{
           text-align: center;
        }
    }