Line 17: | Line 17: | ||
left: 50%; | left: 50%; | ||
top: 60%; | top: 60%; | ||
− | transform: translate(- | + | transform: translate(-50%, -60%); |
min-width: 100%; | min-width: 100%; | ||
min-height: 100%; | min-height: 100%; |
Revision as of 09:16, 30 June 2023
<style>
.ocp-banner-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; margin-top: 74px; background-color: rgba( 0, 0, 0, .5 ); }
.ocp-banner-section video { position: absolute; left: 50%; top: 60%; transform: translate(-50%, -60%); min-width: 100%; min-height: 100%; }
.ocp-banner-text-container { position: relative; z-index: 1000; color: white; text-align: center; max-width: 520px; }
.ocp-banner-title { font-size: 3rem; font-weight: 300; margin-bottom: 40px; color:white; }
.ocp-banner-subtitle { font-size: 1.5rem; font-weight: 300; max-width: 500px; }
</style>