html,
body {
  width: 100vw;
  height: 100vh;
  margin: 0px;
  background-color: black;
  text-align: center;
  overflow: hidden;
}
#title {
  display: none;
  font-size: 22px;
  margin-top: 100px;
  height: 50px;
  color: #eae6e6 !important;
}

img {
  width: 300px;
  margin-top: 50px;
  padding: 5px;
  border: 1px solid grey;
}
p {
  font-family: Verdana;
  font-size: 20px;
  color: rgb(208, 208, 208);
  text-align: center;
}

#theme {
  width: 490px;
  display: block;
  border: none;
  padding: 0px;
  margin: 30px auto;
}
#iframe_0 {
  border: 1px solid grey;
  border-radius: 3px;
  padding: 10px;
  width: 95vw;
  height: 80vh;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  margin-top: 20px;
  display: block;
  overflow: hidden
}

#allBtns {
  display: flex;
  justify-content: space-between;
  width: 95vw;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  /*border: 1px solid grey; */
}

#controls {

    width: 490px;
    height: 40px;
    margin-left: auto;
    display: flex;
}

#controls_2 {
  width: 540px;
  height: 40px;
  display: block;
  /*margin-left: auto;
  margin-right: auto;*/
  /* border: 1px solid grey; */
  display: flex;
  justify-content: space-between;
}

#controls .btn , #controls_2 .btn {
  display: flex;
  height: 23px;
  width: fit-content;
  padding: 4px 10px 4px 10px;
  margin: 0 10px;
  border: 1px solid grey;
  border-radius: 4px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 16px;
  color: grey;
  background-color: black;
}

#controls .btn:hover , #controls_2 .btn:hover {
  color: lightgrey;
}
#controls .btn:active , #controls_2 .btn:active {
  color: white;
  border: 1px solid white;
} 
#audio {
  border-radius: 2px;
  background-color:rgb(208, 208, 208);
  filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
  width: 180px;
  height: 24px;

  padding: 2px 2px 2px 2px;
  border: 1px solid grey;
  border-radius: 2px;
}