
body { 
      margin:0 auto; 
      max-width: 1200px; 
      background-color: lightgray;
    }

h1 {width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

h2 {width: 85%;
  font-size: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

ol {margin-left: auto;
    margin-right: auto;}

p { width: 80%;
    text-align: center;
    font-size: 30px;
    border-style: none;
    border-width: 3px;
    border-color: #800000;
    margin-left: auto;
    margin-right: auto;
  }

table, tr, td, th {
                    width: 90%;
                    /*text-align: center;*/
                    border: 1px solid black;
                    margin-left: auto;
                    margin-right: auto;
                  }

center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
      }

div {
      text-align: center;
      font-size: 30px;
      margin-left: auto;
      margin-right: auto;
    }

footer {text-align: center; 
        max-width: 1200px;
        border-style: solid;
        width: 80%;
        color: #800000;
        font-family: "Arial";
        font-size: 8;}

img {
      border: 0;
      margin-left: auto;
      margin-right: auto;
      /*width: 593px;
      height: 385px;*/
      width: 50%;
      height: Auto;
    }

.grnTxt {
          font-family: "Arial Black";
          font-size: 50px;
          color: rgb(0, 136, 0);
          border: none;
        }

.rdTxt {
          font-family: "Arial Black";
          font-size: 30px;
          color: #800000;
        }

.blTxt {
        font-family: "Arial Black";
        font-size: 30px;
        color: "#000080";
      }

ul {
    /* width: 90%;
    margin-left: auto;
    margin-right: auto; */
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #5c0808;
  } 

li {
    float: left;
}

li a {
      display: block;
      color: rgba(210, 224, 12, 0.836);
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
}

li a:hover:not(.active) {
       background-color: #757373;
}

.active {
         background-color: #04AA6D;
}

.center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        }

.divG {
        text-align: center;
        font-size: 30px;
        border-style: solid;
        border-width: 3px;
        border-color: #04e93d4b;
        margin-left: auto;
        margin-right: auto;
        }

.divB {
        text-align: center;
        font-size: 30px;
        border-style: solid;
        border-width: 3px;
        border-color: #041dfad2;
        margin-left: auto;
        margin-right: auto;
        }

.pS {
      text-align: center;
      font-size: 20px;
      border-style: solid;
      border-width: 3px;
      border-color: #800000;
      margin-left: auto;
      margin-right: auto;
      }

.gallery {
        display: flex;
        /*flex-wrap: wrap;*/
        gap: 10px;
        max-width: 500px;
        margin: 10px;
    }
    
.gallery-item {
        flex: 1 1 calc(33.333% - 10px);
        box-sizing: border-box;
    }
    
.gallery-item img {
        width: 50%;
        height: auto;
        display: block;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease;
    }
    
.gallery-item img:hover {
        transform: scale(15);
    }

.nli {font-size: 20px;
      /*color: rgba(4, 4, 4, 0.334);*/
      float: none;}

.tableSM {width: 70%;}

.thSM {width: 50%;
      font-size: 30px; 
      text-align: left;}

.tdSM {width: 50%;}

.tdLM {width: 50%;
      font-size: 25px;
       text-align: left;}

.imgTable {width: 85%;
           text-align: center;}

.pl {width: 80%;
  text-align: left;
  font-size: 30px;
  border-style: none;
  border-width: 3px;
  border-color: #800000;
  margin-left: auto;
  margin-right: auto;}

  .thH1 {font-size: 30px;
          color:rgb(226, 20, 20)}

.lgH1 {/*width: 80%;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 50px;
}