body,html{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;font-size:14px;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.remote-container{min-height:225px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;position:relative;width:300px;background-color:#c0c4cc;text-align:center}.remote-container em{padding-top:50px}.remote-container .userid{position:absolute;bottom:0;left:0;color:#666}.remote-container .muted{bottom:0;right:0}.remote-container .muted,.remote-container .muted-video{position:absolute;color:#fff}.remote-container video{width:300px;float:left}.local-container{margin-bottom:10px;display:flex;align-items:center;justify-content:center;position:relative;width:300px;background-color:#c0c4cc;text-align:center;min-height:225px}.local-container em{padding-top:50px}.local-container .userid{position:absolute;bottom:0;left:0;color:#666}.local-container .muted{bottom:0;right:0}.local-container .muted,.local-container .muted-video{position:absolute;color:#fff}.local-container video{width:300px;float:left}