.me-3{
        margin-right: 1rem;
    }
    .link-white{
        color: white;

    }
    .link-white:hover{
        color: orange;
        text-decoration: none;
    }
    .link-white:active{
        color: purple;
    }
    .dark{
        background-color: black;
        color: white;
    }
    .dark p{
        color: white !important;
    }
    .dark .bg-secondary{
        background-color: rgba(50, 50, 80, 0.1) !important;

    }
    .dark .card{
        background-color: rgba(50, 50, 80, 0.1);
    }
    .dark .form-control{
        background-color: rgba(50, 50, 80, 0.2);
    }
    .dark .btn-dark{
        background: whitesmoke !important;
        color: black !important;
    }
   .dark  .btn-outline-dark{
        background: transparent !important;
        border-color: white !important;
        color: white !important;
    }
   .dark  .btn-outline-dark:hover{
        background: whitesmoke !important;
        color: purple !important;
        border-color: purple !important;
    }
   .dark  .btn-outline-dark:hover i{
        color: purple !important;
    }
  .dark   .btn-outline-dark i{
        color: white !important;
    }
    .dark .form-control, .dark .form-select{
        border-width: 1px;
        background-color: transparent;
        border:1px solid purple !important;
        color: white;
    }
   .dark .form-control:focus, .dark .form-select:focus, .dark .form-select:active, .dark .form-control:active{
        box-shadow: none !important;
        color: whitesmoke !important;
        background-color: transparent;
        font-weight: bold;

   }
   .dark .form-control, .dark .form-select{
    background: rgba(50, 50, 80, 0.1) !important;
   }
   .dark .form-control::placeholder{
        color: #ddd !important;
   }
   .nav-item{
        padding: 1.2rem 20px !important;
   }
   .dark .form-select option{
        background: #000 !important;
        color: white !important;
        backdrop-filter: blur(10px);
   }
   .dark .navbar{
        background: black !important;

   }
   .dark .nav-link{
        color: white !important;
   }
   .dark .nav-link{
        background-color: black;
   }
   .dark .title{
        color: #ccc !important;
   }
   .dark .title-2{
    color: #ddd !important;
   }
   .dark .text{
    color: #ccd !important;
   }
   .item img{
    transition: 0.5s;
   }
   .item img:hover{
        transform: scale(1.1);
   }