body{
    font-size:16px;
    color:#CBCBE2 !important;
    background-color:#232333 !important;
}
#col-margin-bottom{
    margin-bottom:20px;
}
.navbar-custom {
    color:#CBCBE2 !important;
    background-color: #2B2C40;
}
.navbar-toggler {
    border:none;
    font-size:20px;
    border-color:#CBCBE2 !important;
    color:#CBCBE2 !important;
}
.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}
.navbar-toggler .fas {
    line-height: 5;
    vertical-align: middle;
}
.navbar-toggler-icon{
    color:#CBCBE2 !important;
}
.navbar-nav .nav-link {
    color: #696CFF;
}
.navbar-nav .nav-link:hover {
    color: #686998;
}
button.btn-custom{
    background-color: #25445C;
    color:#09B0D7;
}
button.btn-custom:hover{
    background-color: #25445C;
    border:1px solid #09B0D7;
    color:#09B0D7;
}
.btn-outline-secondary {
    border:1px solid #25445C; 
  }
  .btn-outline-secondary:hover {
    border:1px solid #09B0D7; 
  }  
input[type="radio"].custom-radio:checked {
    background-color: #2B2C40;
    color:#CBCBE2;
  } 
.form-select{
    border-color: #2B2C40 !important;
  }
   
.navbar-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.navbar-brand h2 {
    color:#CBCBE2 !important;
    margin: 0; /* Reset default margin */
    font-size: 24px; /* Adjust the font size as needed */
    font-weight: bold; /* Apply bold font weight */
}
#row-margin-top-big{
    margin-top:80px !important;
}
pre{
    border-radius: 10px;
    background-color: #2B2C40 !important;
}
img {
    max-width: 100%;
    height: auto;
  }

      /* Desktop-specific styles */
      @media screen and (min-width: 992px) {
        #row-margin-top{
            margin-top:50px !important;
        }
        #row-margin-top-big{
            margin-top:150px !important;
        }
    }
p.wordwrap{
    word-break: break-all;
}