Untitled

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



.darkmode {
  color: #9DA9BB;
  background-color: #0B1727;
}
.navbar{
    background-color: #a7a9be;
}

.dropdown-item:active,
.dropdown-item:hover {
  background-color: #e83611 !important ;
}

.bg-darkblue {
  background-color: #0B1727;
}

.btn-none {
  color: #fff;
  border: none;
}

.btn-white {
  color:#fff;
  border-color:#fff;
}

.btn-white:hover,
.btn-none:hover {
  color:#fff;
  background-color:#e83611;
  border-color:#e83611;
}

.border-orange {
  border-color: rgb(232,54,17, 0.1) !important;
}

:root {
  --color-1: #186cb8;
  --color-2: #2a9a9f;
  --color-3: #FFC107;
  --color-4: #e83611;
  --color-5: #f9002f;
}
#logo {
  font-weight: 800;
  background: linear-gradient(219deg, 
    var(--color-1) 19%, 
    transparent 19%,transparent 20%, 
    var(--color-2) 20%, var(--color-2)  39%,
    transparent 39%,transparent 40%, 
    var(--color-3) 40%,var(--color-3) 59% ,
    transparent 59%,transparent 60%, 
    var(--color-4) 60%, var(--color-4) 79%,
    transparent 79%, transparent 80%, 
    var(--color-5) 80%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}




.nav-link.active {
    background-color: #e83611 !important;
}

.nav-link:hover {
    background-color: #e83611 !important
}

.nav-link .fas {
    transition: all 1s
}

.nav-link:hover .fas {
    transform: scale(1.5)
}