Line 10: | Line 10: | ||
overflow: hidden; | overflow: hidden; | ||
margin-top: 74px; | margin-top: 74px; | ||
+ | background-color: rgba( 0, 0, 0, .5 ); | ||
} | } | ||
Line 16: | Line 17: | ||
left: 50%; | left: 50%; | ||
top: 60%; | top: 60%; | ||
− | transform: translate(- | + | transform: translate(-20%, -20%); |
min-width: 100%; | min-width: 100%; | ||
min-height: 100%; | min-height: 100%; | ||
Line 33: | Line 34: | ||
font-weight: 300; | font-weight: 300; | ||
margin-bottom: 40px; | margin-bottom: 40px; | ||
+ | color:white; | ||
} | } | ||
Revision as of 09:15, 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(-20%, -20%); 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>