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 span{position:absolute;bottom:0;left:0;color:#666}.remote-container video{width:300px;float:left}.local-container{min-height:375px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;position:relative;width:500px;background-color:#c0c4cc;text-align:center}.local-container em{padding-top:50px}.local-container span{position:absolute;bottom:0;left:0;color:#666}.local-container video{width:500px;float:left}