html, body {  
   margin: 0;
  padding: 0;
  min-height: -webkit-fill-available;   
  height: 100%  
} 
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}
/* .container-xxl {   

} */
* {
  font-family: system-ui;
}
h1,
h2,
h3 {
  font-weight: 400;
}
/* div .root{
  margin-left: 0;
  margin-right: 0;
} */
/* .control-bar{
  margin-top: 1vh;
  margin-bottom: 1vh; 
} */
/* .bottom-bar{
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
} */
#videoContainer{
  align-items: center; 
  /* min-height: 90dvh;  */
} 
#resultImg{
  max-height: 90dvh;
}