@import url("css2.css");


body {
    background-color: #101827 !important;
    font-family: 'Fira Code', monospace;
}

canvas {
	position: relative;
	top: 1;
	left: 0;
}

.navbar {
    background-color: #101827 !important;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #dee2e6;
    font-size: 14px;
}

.nav-link {
    color: #dee2e6;
    text-decoration: none;
    font-size: 14px;
}

.nav-link:hover {
    color: #9ec4ea;
    text-decoration: none;
    font-size: 14px;
}

.navbar-toggler {
    border: none;
    filter: invert(100%);
    
}


@media (min-width: 992px) { /* Adjust the min-width as per your breakpoint */
    .navbar-nav {
      display: flex;
      justify-content: center;
      width: 90%;
    }
  }

.navbar-custom .nav-item {
    margin-right: 20px; /* Adjust the value as needed */
    margin-left: 20px; /* Adjust the value as needed */
}

h5 {
    color: #dee2e6;
}

h6 {
    color: #dee2e6;
}


p {
    font-size: 14px !important;
    color: #dee2e6;
    text-align: left;
}

.readable{
    font-family: 'Lato', sans-serif !important;
    color: #dee2e6;
    letter-spacing: .12em;
}

li {
    font-size: 14px !important;
    margin: 10px 0 ;
    color: #dee2e6;
    text-align: left;
}

.custom-row-spacing-50 {
    margin-bottom: 50px;
}

.custom-row-spacing-100 {
    margin-bottom: 100px;
}

.footer {
    background-color: #101827 !important;
}