/* General Styles */
body {
    font-family: Arial, sans-serif;
    padding: 0;
    text-align: left;
    background-color: #468c98;
    min-width: 550px;
}
 
/* Header Styling */
.title {
    font-family: "Regular Brush", sans-serif;
    font-size: 48px;
    color: #000000;
    margin-top: 40px;
    text-align: center;
}
 
.subtitle {
    font-family: "Lemon Juice", sans-serif;
    font-size: 30px;
    color: #000000;
    margin-bottom: 40px;
}
 
/* Tab Links */
.tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 150px;
}
 
.tabs a {
    display: inline-block;
    width: 375px;
    height: 50px;
    padding: 20px;
    background-color: #add8e6;
    text-decoration: none;
    color: #333;
    font-size: 18px;
    border-radius: 8px;
    transition: background-color 0.3s;
    text-align: center;
    line-height: 50px;
    font-size: 25px;
}
 
.tabs a:hover {
    background-color: #87ceeb;
}
  to  Everyone
body {
  min-width: 550px;      /* 2x LC width + RC width */
}
#container {
  padding-left: 200px;   /* LC width */
  padding-right: 150px;  /* RC width */
}
#container .column {
  position: relative;
  float: left;
}
#center {
  width: 100%;
}
#left {
  width: 215px;          /* LC width */
  right: 215px;          /* LC width */
  margin-left: -100%;
}
#right {
  width: 165px;          /* RC width */
  margin-right: -150px;  /* RC width */
}
#footer {
  clear: both;
}
#container {
  padding-left: 215px;   /* LC width */
  padding-right: 215px;  /* RC width */
}
#container .column {
  position: relative;
  float: left;
}
#center {
  width: 100%;
}
#left {
  width: 215px;          /* LC width */
  right: 215px;          /* LC width */
  margin-left: -100%;
}
#right {
  width: 165px;          /* RC width */
  margin-right: -150px;  /* RC width */
}
#footer {
  clear: both;
}
video {
  display: block;
  margin: auto;
}