* {
        font-family: "Tahoma" !important;
      }

      html,body {
        font-family: "Tahoma";
        margin: 0;
        padding: 0;
        background-color: black;
        height:100%;
      }

      a {
        color:white !important;
        text-decoration: none;
      }

      h1 {
        font-family: "Tahoma" !important;
        color:white !important;
        font-weight:700 !important;
        font-size:30px;
      }

      h2 {
        font-family: "Tahoma" !important;
        color:white !important;
        font-weight: 500 !important;
        font-size:24px;
      }

      h3 {
        font-family: "Tahoma" !important;
        color:white !important;
        font-weight: normal;
        font-size:20px;
      }

      h4 {
        font-family: "Tahoma" !important;
        color:white !important;
        font-weight: normal;
        font-size:17px;
      }


      h5 {
        font-family: "Tahoma" !important;
        color:white !important;
        font-weight: normal;
        font-size:13px;
      }

      .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;
        }
      }

      .b-example-divider {
        height: 3rem;
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      main {
        background-image: url('../assets/bakground.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
      }

      .bg-dark {
        background-color: black !important;
      }

      footer {
        background-color: black !important;
        position: fixed !important;
        bottom: 0px;
        width: 100% !important;
        height: 40px !important;
      }

      header {
        position:fixed;
        width: 100%;
        z-index: 10;
        top:0px;
      }

      section {
        margin-bottom:25px;
      }

      .py-1 {
         padding-top: 5rem!important;
       }

        .py-3 {
            padding-top: 1rem!important;
            padding-bottom: 3rem!important;
        }

        .py-4 {
            padding-top: 0.25rem!important;
            padding-bottom: 2rem!important;
        }

      .card {
        background-color: black;
        opacity: 0.95;
      }

      .card-body {
        color:white;
        padding:5px;
        text-align: center;
      }