@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

* {
  /*firefox scrollbar*/
  scrollbar-width: thin;
  scrollbar-color: #64f6eb #0b0c10;
}

@media only screen and (min-width: 991px) {
  .main-container {
    margin-left: 10%;
    margin-right: 20%;
  }
}
::selection {
  background-color: #64f6eb;
  color: #0b0c10;
}
.ltr {
  direction: ltr !important;
}
.navbar {
  /* border-bottom: solid 1px #64f6eb !important; */
}
.navbar-toggler {
  color: #64f6eb !important;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(100, 246, 235, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.bg-dark {
  /* background-color: #0b0c10 !important; */
  background: rgb(1, 10, 10);
  background: linear-gradient(
    180deg,
    rgba(1, 10, 10, 1) 0%,
    rgba(6, 34, 36, 1) 52%,
    rgba(0, 60, 62, 1) 100%
  );
}
.text-green {
  color: #64f6eb !important;
}
.url-main {
  text-decoration: none !important;
}
.url-main:hover {
  text-decoration: underline !important;
}
.profile-pic {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  object-fit: cover;
  border: solid 2px #64f6eb !important;
  padding: 2px;
  pointer-events: none !important;
}
.no-bullets {
  list-style-type: none;
  padding-left: 0;
}
li::marker {
  color: #64f6eb;
}
::-webkit-scrollbar {
  width: 0.25rem;
}
::-webkit-scrollbar-thumb {
  background: #64f6eb;
  border-radius: 0.3rem;
}

::-webkit-scrollbar-thumb:hover {
  filter: brightness(1.5);
}