/* ============== Properties Related to Top Picture ============== */

/* .topPicture {
    width: 100%;
    position: sticky;
    top:0;
    z-index: 0;
    margin: auto;
    border: 0px;
    margin-bottom: -30%;
    display: block;
 } */
   
   
   /* Universal Selector trick that Alan taught me to fix a weird bug I was having with borders */

    html {
        scroll-padding-top: 120px;
        scroll-behavior: smooth;
   }
   
    .content {
      padding-top: 2em;
      color:white;
   }
   
    table.bigText, table.mediumText {
       color: white;
       border: 5px #C52227 solid;
       margin-top: 1em;
       /* max-width: 80%; */
       margin-left: auto;
       margin-right: auto;
       border-radius: 15px;
       border-spacing: 0;
   }
   
    table.bigText th,
    table.bigText tr,
    table.bigText td,
    table.mediumText th,
    table.mediumText tr,
    table.mediumText td {
       padding: 30px;
       padding-right: 0.5em;
       padding-left: 0.5em;
       color: white;
       border: 5px #C52227 solid;
       text-align: center;
   }
          
   table.bigText a, table.mediumText a, li a  {
        color:#EAAB00;
   }


    .TLDR {
        background-color: #C52227;
        padding: 10px;
        border-radius: 25px;
        text-align: center;
        font-size:45px;
        margin-top: 0.5em;
        margin-left: auto;
        margin-right: auto;
        width: 40%;
   }

   #staffExceptions {
        width:40%;
        /* margin: auto 0; */
        margin-left: auto;
        margin-right: auto;
   }

    .lists {
        width: 80%;
   }

    .indentedList {
        padding-left: 2em;
        width:40%;
        margin: auto;
   }

    .doubleIndentedList {
        padding-left: 4em;
   }