@import url(https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap);body{font-family:'Syne Mono',monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#fcdab7;margin:0 10px;background-color:#1d2d50}button{background-color:#1e5f74;color:#fff;border:none;padding:15px 32px;font-size:16px;border-radius:5px;outline:0}button:hover:enabled{background-color:#fcdab7;color:#1d2d50}button:disabled,button[disabled]{color:grey;cursor:default}video{background:#2c3e50;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}#webcamVideo{width:auto;max-width:90vw;height:20vh}#remoteVideo{width:90vw;height:60vh}@media (min-width:576px){.videos{display:flex;align-items:center;justify-content:center;flex-direction:row!important}#remoteVideo,#webcamVideo{width:40vw;height:30vw;margin:0 2rem}}.videos{display:flex;align-items:center;justify-content:center;flex-direction:column-reverse}input{padding:10px 0;margin:5px}