/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #ffffff #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }

  *::-webkit-scrollbar-track {
    background: black;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    border-radius: 15px;
    border: 3px solid #ffffff;
  }
 :root{
    --main-text-color: white;
    --main-text-family: 'Source Sans Pro', sans-serif;
    --main-child-container-height: 175px;
    --border-debug-size: 0px;
}
 .main_container{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        height: 100%;

  }
  a{
    color: var(--main-text-color);
    text-decoration: none;
}
  .child{
    width: 440px;
    height: 500px;
    background-repeat: no-repeat, repeat;
    background-size: contain;
    padding: 0px 10px 0px 10px;
    border: 2px ridge #FFFFFF;
    border-radius: 28px;
    margin-bottom: 10px;

  }
  .container{
       border: solid var(--border-debug-size) red;
       width: 100%;
       overflow: auto;
  }
  .element{
    border: solid var(--border-debug-size) blue;
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }
  .red{
    color: #ff9b00 !important;
  }
  .red a{
    color: #ff9b00 !important;
  }
  .child_box{

  }
  .child_box div{

  }

  body{
    background-color: black;
    font-family: var(--main-text-family);
    font-size: 12pt;
    color: var(--main-text-color);
  }