body {
        background-color: #2a2734; 
        color: #ffffff; 
        background: rgb(2,0,36)!important;
        background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(62,27,100,1) 35%, rgba(186,105,212,1) 100%, rgba(47,120,170,1) 100%)!important;
      }

.navbar {
        background-color: #000000; 
}

.navbar-brand, .navbar-nav .nav-link {
        color: #ffffff !important; 
 }

 html {
        height: -webkit-fill-available;
      }
      
      main {
        display: flex;
        flex-wrap: nowrap;
        height: 100vh;
        height: -webkit-fill-available;
        max-height: 100vh;
        overflow-x: auto;
        overflow-y: hidden;
      }

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

.table-responsive{
    justify-content: center;
    text-align: center;
}

.table100.ver6 {
  border-radius: 16px;
  overflow: hidden;
  background: #7918f2;
  background: -webkit-linear-gradient(-68deg,#ac32e4,#4801ff);
  background: -o-linear-gradient(-68deg,#ac32e4,#4801ff);
  background: -moz-linear-gradient(-68deg,#ac32e4,#4801ff);
  background: linear-gradient(-68deg,#ac32e4,#4801ff);
  justify-content: center;
  align-items: center;
  text-align: center;
  
}

.table100.ver6 table {
  background-color: transparent;
  justify-content: center;
  align-items: center;
}

.table100.ver6 td {
  font-family: Montserrat-Regular;
  font-size: 14px;
  color: #fff;
  line-height: 1.4;
  justify-content: center;
  align-items: center;
}

.table100.ver6 th {
  font-family: Montserrat-Medium;
  font-size: 12px;
  color: #fff;
  line-height: 1.4;
  text-transform: uppercase;
  background-color: rgba(255,255,255,.32);
  justify-content: center;
  align-items: center;
}

.table100.ver6 .row100:hover td {
  background-color: rgba(255,255,255,.1);
  
}

.table100.ver6 .hov-column-ver6 {
  background-color: rgba(255,255,255,.1)
}

.table100.ver6 .row100 td:hover {
  background-color: rgba(255,255,255,.2)
}

.containerr{
  align-items: center;
  justify-content: center;
  padding: 150px;
  margin: 20px;
  color: white;
}

@media (min-width: 576px) {
  .bd-example {
      padding:1.5rem;
      margin-right: 0;
      margin-left: 0;
      border-width: 1px;
      border-top-left-radius: .25rem;
      border-top-right-radius: .25rem
  }
}

  .bd-example+.bd-clipboard+.highlight {
      border-bottom-right-radius: .25rem;
      border-bottom-left-radius: .25rem
  }

  .containerrr{
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin: 20px;
    color: white;
    overflow: scroll;
  }

  .containerrrr{
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin: 20px;
    color: white;
    
  }