[html]
<style>
@font-face {
font-family: RadjhaniRu;
src: url('https://forumstatic.ru/files/001c/04/0a/51541.ttf')
}
@font-face {
font-family: Binaria;
src: url('https://forumstatic.ru/files/001c/17/76/11852.ttf')
}
.showcase {
width: 100%;
height: 210px;
position: relative;
overflow: hidden;
background: linear-gradient(178deg, rgb(54 13 13) 0%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 100%);
clip-path: polygon(0 80px,80px 0,calc(100% - 80px) 0,100% 80px,100% calc(100% - 80px),calc(100% - 80px) 100%,80px 100%,0 calc(100% - 80px));
}
.showcase p {
left: 405px;
top: 26px;
position: relative;
width: 100%;
font-size: 2.6em !important;
color: #9f0032 !important;
font-family: 'Binaria' !important;}
.showcase video {
width: 73%;
height: 195%;
position: absolute;
left: 95px;
object-fit: cover;
filter:brightness(2.5) hue-rotate(127deg)}
.title-uniq {
width: 100%;
height: 100%;
background-color: #000;
font-size: 100px;
color: #fff;
text-align: center;
margin-top: -15px;
mix-blend-mode: multiply;
font-family: 'RadjhaniRu';
text-shadow: 6px 4px 10px #ffffff6e;
}</style>
<section class="showcase">
<p>How About</p>
<video src="https://v1.pinimg.com/videos/mc/720p/4a/9b/54/4a9b54f7b22c603f057c65bdb3f70499.mp4" autoplay loop muted></video>
<div class="title-uniq">VAMPIRING</div>
</section>[/html]
