@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Press+Start+2P&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.0/sweetalert2.min.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
  
::selection {
    background-color: #78d5ed;
    color: #fff;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
  }

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.bg-indigo {
    background-color: #8378ed;
}
  
body {
    /* background-color: whitesmoke; */
    font-family: 'Poppins', sans-serif !important;
    content-visibility: black;
}

.starter {
    padding-bottom:5rem;
}

.btn-default {
    background-color: #1b6ec2;
    color: white;
}

.btn-default:hover {
    background-color: dodgerblue;
    color: whitesmoke;
}

.key-sensi {
    transition: 0.2s;
    filter: blur(3px);
}

.key-sensi:hover {
    color: black !important;
    filter: blur(0px);
}

.bg-gradient-1 {
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.fs-press {
    font-family: 'Press Start 2P', cursive;
}

.navbar-brand {
    font-family: 'Press Start 2P', cursive;
}

.navbar-brand:hover {
    color: skyblue;
}

.navbar-toggler {
    color: #fff !important;
}

.navbar-menu {
  background: rgba(0,0,0,0.1);
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .navbar-menu {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
}

.menu-item {
    transition: 0.2s;
}

.menu-item:hover {
    padding-top: 4px;
    color: grey;
}

.menu-name {
    font-weight: bold;
    font-size:11px;
}