.limelight-regular {
  font-family: "Limelight", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.sour-gummy-regular {
  font-family: "Sour Gummy", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

@media only screen and (max-width: 1026px) {
    .imgone {
        display: none;
    }
}

body {
  background-color: rgb(94, 48, 21);
}

h1{
  font-family: "Limelight", sans-serif;
  margin: 3%;
  color: rgb(94, 48, 21);
}

h2{
  font-family: "Limelight", sans-serif;
  margin: 3%;
  color: rgb(94, 48, 21);
}

h3{
  font-family: "Sour Gummy", sans-serif;
  margin: 3%;
  color: rgb(94, 48, 21);
}

p{
  font-family: "Sour Gummy", sans-serif;
  margin: 3%;
  font-size: 20px;
  color: rgb(61, 30, 12);
}

ul{
  font-family: "Sour Gummy", sans-serif;
  margin: 2%;
  font-size: 20px;
  color: rgb(61, 30, 12);
}

li{
  font-family: "Sour Gummy", sans-serif;
  margin: 2%;
  font-size: 20px;
  color: rgb(61, 30, 12);
}

ul li{
  font-family: "Sour Gummy", sans-serif;
  margin: 2%;
  font-size: 20px;
  color: rgb(61, 30, 12);
}

ul li a{
  font-family: "Sour Gummy", sans-serif;
  margin: 2%;
  font-size: 20px;
  color: rgb(61, 30, 12);
}

img {
    max-width: 80%;
    max-height: auto;
    display: block;
    margin: auto;
}


.container{
  max-width: 800px;
  background-color: rgb(212, 186, 170);
  border-style: ridge;
  border-radius: 12px;
  border-width: 5px;
  border-color: rgb(186, 159, 142);
  margin: 0 auto;
  
}

.table{
  max-width: 800px;
  max-height: 400px;
  min-height: 200px;
  background-color: rgb(235, 210, 195);
  position: relative;
  border-style: ridge;
  border-radius: 12px;
  border-width: 5px;
  border-color: rgb(186, 159, 142);
  top: 0%;
  left: 0%;
}

.table-content1{
  max-width: 250;
  position: absolute;
  text-align: left;
  top: 40%;
  left: 5%;
}

.table-content2{
  max-width: 250;
  position: absolute;
  text-align: left;
  top: 60%;
  left: 5%;
}

.table-content3{
  max-width: 250px;
  position: absolute;
  text-align: left;
  top: 80%;
  left: 5%;
}

.table-content4{
  max-width: 250px;
  position: absolute;
  text-align: left;
  top: 40%;
  left: 35%;
}

.table-content5{
  max-width: 250px;
  position: absolute;
  text-align: left;
  top: 60%;
  left: 35%;
}

.table-content6{
  max-width: 250px;
  position: absolute;
  text-align: left;
  top: 80%;
  left: 35%;
}

.table-content7{
  max-width: 250px;
  position: absolute;
  text-align: left;
  top: 40%;
  left: 65%;
}

.table-content8{
  max-width: 250px;
  position: absolute;
  text-align: left;
  top: 60%;
  left: 65%;
}

.table-content9{
  max-width: 250px;
  position: absolute;
  text-align: left;
  top: 80%;
  left: 65%;
}

.footer{
  max-width:700px;
  margin: 0 auto;
  background-color: rgb(235, 210, 195);
  border-style: ridge;
  border-radius: 12px;
  border-width: 5px;
  border-color: rgb(186, 159, 142);
  text-align: center;
}