body,*{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden;margin:0;padding:0}button{font-size:16px}div{margin:10px}#container{display:flex;flex-direction:column;align-items:center;font-size:16px;justify-content:space-around;margin:0 auto;width:90%}.header{display:flex;flex-direction:column;align-items:center;text-align:center}#previewName{font-size:20px}#connectionLabel{font-weight:lighter;font-size:smaller;display:inline-block}#videoElement{width:100%;max-width:500px;height:auto;background-size:contain;background-repeat:no-repeat;background-position:center;margin-bottom:15px}button{margin:5px;padding:10px;font-size:14px}.inputsDiv{display:flex;flex-direction:column;align-items:center;max-width:100%;width:100%}#textArea{width:100%;max-width:400px;height:80px;padding:10px;font-size:14px}#answers{height:450px;overflow:scroll;width:100%;margin-top:15px}#speechButton{color:#000;font-size:20px}#speechButton:disabled{color:#1010104d}#langSelect{padding:5px;margin-right:10px}#hidden{text-align:center}@media screen and (max-width: 600px){#container{width:95%;padding:10px}.header{flex-direction:column}#previewName{font-size:18px}#videoElement{max-width:100%;height:auto}.inputsDiv{width:100%}#textArea{max-width:100%;height:80px}button{width:100%;padding:12px;font-size:16px}#langSelect{width:100%;margin:5px 0}#speechButton{width:100%;font-size:20px}#answers{height:250px;width:100%}#hidden{width:100%}}@media screen and (max-width: 400px){button{font-size:14px;padding:10px}#textArea{max-width:100%;height:100px}#videoElement{max-width:100%;height:200px}}