body{padding:0;margin:0;font:normal 14px Arial;color:#656D78;background-color:#F0F0F0;line-height:20px;display:flex}.topBar{width:100%;height:30px;color:white;background-color:#128C7E;display:flex;position:absolute;top:0px;align-items:center;justify-content:center}.logo{max-width:300px;height:auto}.container{width:80%;height:90%;margin-left:10%;//height:100%;margin-top:30px;position:absolute;display:grid;grid-template-columns:65% 35%}.item{display:flex;flex:2;align-items:center;justify-content:center;flex-direction:column}.qrCode{display:flex;background-size:contain;background-repeat:no-repeat;width:80%;height:80%;flex:1 1 auto;min-width:20px;min-height:20px}.video{display:flex;background-size:cover;width:100%;flex:1 1 auto;min-width:50px}