*{
  margin:0% 
	/*left: 0%;
	right: 0%;
	bottom: 10%; idk why this is here but it's throwing up errors*/
}

.logo{
  width: 8%
}

		
.topbanner{
    background-color: black;
    color: white;
    font-family: Verdana, Geneva, Tahoma, serif;
    text-decoration: none;
    display:flex;
    align-items: center;
    justify-content: space-around;
    flex-shrink: 0;
    font-size: 2VW;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    outline-style: solid;
    outline-color: white;
    outline-width: 8%;
    z-index: 999;
}

.bottombanner{
  background-color: black;
  color: grey;
  font-family: Verdana, Geneva, Tahoma, serif;
  text-align: center;
  position:fixed;
  bottom: 0;
  left:0;
  right:0;
  outline-style: solid;
  outline-color: white;
  outline-width: 8%;
}

a:link { 
    text-decoration: none;
    color:white 
  } 
  a:visited { 
    text-decoration: none;
    color:white; 
  } 
  a:hover { 
    text-decoration: none; 
  } 
  a:active { 
    text-decoration: none; 
  }

.body1{
    background-image: url(images/backlogo.jpg);
    background-color: black;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
}

.body2{
  background-image: url(images/backlogo.jpg);
  background-color: black;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
}

.body3{
  background-image: url(images/backlogo.jpg);
  background-color: black;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
}

.body4{
  /*background-image: url(images/backlogo.jpg);*/
  background-color: black;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
}

.bodytextmain{
  display: flex;
  color:white;
  font-size: 1.8VW;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 10%;
  text-align: center;
  font-family: Verdana, Geneva, Tahoma, serif;
  text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
  justify-content: center;
  align-items:center;
  height:50vh;
}


.bodytextgeneric{
  color:white;
  font-size: 1.8VW;
  margin-left: 20%;
  margin-right: 20%;
  margin-top: 10%;
  text-align: center;
  font-family: Verdana, Geneva, Tahoma, serif;
  text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

.bodytextschedule{
  text-align: center;
  color:white;
  font-size: 2VW;
  margin-left: 20%;
  margin-right: 20%;
  margin-top: 10%;
  font-family: Verdana, Geneva, Tahoma, serif;
  text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

.bodytextticket{
  color:white;
  font-size: 1.8VW;
  margin-top: 10%;
  text-align: center;
  font-family: Verdana, Geneva, Tahoma, serif;
  text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

.langicon{
  width:2VW;
}

.langicondiv{
  position: fixed;
  right:0%;
  bottom:0;
  justify-content: right;
  display:flex;
}

.instqr{
  display:block;
  width:40%;
  margin-left:auto;
  margin-right:auto;
}

.mainVid{
  position:absolute;
  left: 0;
  right:0;
  bottom:0;
  top:0;
  width:100%;
  height:100%;
  z-index: -1;
  object-fit: cover;
}

.class-title{
  background-color: #000;
  z-index: 1;
}

.classDesc{
  /*position:relative;*/
  overflow:hidden;
  /*display:flex;*/
  align-items: center;
}
.classVid{
 object-fit: cover;
/* position:absolute;*/
 width:100%;
 height: 100%;
 z-index: -1;
 left:0;
}

.tablegeneric {
  width: 60%; /* Optional: adjust the width of the table */
  margin: 0 auto; /* Center the table */
  border-collapse: collapse; /* Merge the borders between cells */
}

.tablegeneric th, .tablegeneric td {
  border: 1px solid white; /* Border around each cell */
  padding: 10px; /* Add space between columns */
}