:root{--mars-blue: #0000a0;--mars-green: #00d7b9;--mars-yellow: #ffdc00}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh;box-sizing:border-box;background:var(--mars-blue)}.container{width:100vw;height:100dvh;display:flex;justify-content:center;align-items:center}.video-container{width:100%;height:600px;display:flex;justify-content:center;align-items:center;position:relative}.video-container img.phone-frame{width:320px}.video{height:480px;position:absolute}.logo{position:absolute;bottom:32px;left:32px}.logo-mobile{position:absolute;bottom:10px}@media (max-width:992px){.logo{display:none}}@media (min-width: 993px){.logo-mobile{display:none}}@media screen and (max-height:700px){.video-container{transform:scale(.7)}}@media (max-width:640px){.video-container img.phone-frame{width:310px}}