* {box-sizing: border-box;}
body {background-image: url("images/DSCF2227.png"); background-size: cover; background-repeat: no-repeat;
background-position: center; background-attachment: fixed; 
background-color: #111111; font-family: "Polestar Unica77 TT", Arial, sans-serif;}
a {display:inline-flex; padding-left: 5px; border: 1px solid #fab387; padding-right: 5px;
  text-decoration: none; color: #4c4f69;border-radius: 2px;
  font-weight: bold; text-align: center; font-size: 1em}
a:hover {background-color: #fab387; color: #000000;}
h1 {margin-bottom: 2px; margin-top: 2px; font-size: 3.25em; color:#4c4f69; text-align: center; 
  font-size: 3em; padding-top: 5px}
h2 {margin-top: 2px; margin-bottom: 2px; font-size: 2.25em; color:#fab387;text-align: center; 
  font-size: 2.5em}
footer {text-align: center; border-top:2px; padding-top: 30px; padding-bottom: 5px;
  margin-left: auto; margin-right: auto; width: 80%; color: #cdd6f4; font-size: .75em}
h3 {color:#4c4f69; font-family: "Polestar Unica77 TT", Verdana, sans-serif; 
  text-align: center; font-size: 1.75em}
h4 {font-size: 1.5em; margin-left: 10px; margin-right: 10px; padding-right: 10px; color: #000000;
 font-weight: normal; display: inline-block; text-align: left; padding-left: 10px}
nav {text-align: center; line-height: 120%; font-size: 1.75em; padding-top: 10px; padding-bottom: 10px}
li a {padding: 5px; font-size: 1.25em; text-decoration: none;}
ul {text-align: center; text-decoration: none;}
li {text-align: center; text-decoration: none;}
p {font-size: 1.5em; margin-left: 10px; margin-right: 10px; padding-right: 10px; color: #000000;
 font-weight: normal; display: inline-block; text-align: left; padding-left: 10px}

img {height: 550px; margin-top: 5px; margin-left: 10px; margin-bottom: 10px; padding-right: 10px; 
  padding-bottom:10px; display: inline-flex; justify-content: center;}
#container {border: 5px solid #fab387; border-radius: 10px; backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px); width: 90%; margin-right: auto; 
margin-left: auto; padding-top: 5px; margin-top: 10px;}

#boeing {width:90%; border: 1px solid #ab936b;  
  margin-left: auto; margin-right: auto;}
  #pod {width:90%; align-items: center; margin-left: auto; margin-right: auto}
    #vid {width:90%; align-items: center; margin-left: auto; margin-right: auto}
td {padding: 5px; margin: 0px;}

form  {margin-left: 5em; margin-right: auto; size: 30%; align-content: center; align-items: center;}
input {background-color: #1e1e2e; color: #cdd6f4; font-family: "Polestar Unica77 TT", Verdana, sans-serif;}
textarea {background-color: #1e1e2e; color: #cdd6f4; font-family: "Polestar Unica77 TT", Verdana, sans-serif;}
label {color: #313244}
#TL, #AvTalk {width: 100%; border-radius: 10px; 
  transform: translateZ(0px); animation: 2s ease 0s 6 normal none running loading-indicator; 
  background-color: rgb(228, 228, 228); margin-left: auto; margin-right: auto;}

  #video1, #video2 {width:600px; height:340px; border-radius: 10px; 
  transform: translateZ(0px); animation: 2s ease 0s 6 normal none running loading-indicator; 
  background-color: rgb(228, 228, 228); margin-left: auto; margin-right: auto;}


.meow {height: 2px; width: 80%; background-color: #eba0ac; margin-left: auto; 
  margin-right: auto; margin-bottom: 10px; margin-top: 10px;}

  @media screen and (max-width:709px) {
  #container {width: 100%}
  table {width: 100%}
 img {height: 150px}
 #video1 {width: 190px; height: 110px;}
  #video2 {width: 190px; height: 110px;}
  }

    @media screen and (min-width:710px) {
  #container {width: 100%}
  table {width: 100%}
 img {height: 175px}
 #video1 {width: 280px; height: 160px;}
  #video2 {width: 280px; height: 160px;}
  }

    @media screen and (min-width:820px) {
  #container {width: 100%}
  table {width: 100%}
 img {height: 205px}
 #video1 {width: 270px; height: 170px;}
  #video2 {width: 270px; height: 170px;}
  }

    @media screen and (min-width: 821px) {
  #container {width: 100%}
  table {width: 100%}
 img {height: 350px}
 #video1 {width: 400px; height: 250px;}
  #video2 {width: 400px; height: 250px;}
  }

@media screen and (min-width:1350px) {
  #container {width: 90%}
  table {width: 80%}
  img {height: 500px}
  #video1 {width: 600px; height: 340px;}
  #video2 {width: 600px; height: 340px;}
  }