*,*:before,*:after{box-sizing:border-box}html,body{height:100%;min-height:100%;margin:0;padding:0;background-color:#333}main{display:grid;width:100%;height:100%;align-items:center;justify-items:center}.video{width:90vw;height:50.625vw;position:relative}.video video{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .5s}.video video.active{opacity:1}