|
|
|
@ -17,6 +17,18 @@
|
|
|
|
|
border-bottom-color: #ff3000;
|
|
|
|
|
background: linear-gradient(to bottom, #000 0, #ff3000 100%);
|
|
|
|
|
}
|
|
|
|
|
.fullscreen-video {
|
|
|
|
|
position: fixed;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
min-width: 100%;
|
|
|
|
|
min-height: 100%;
|
|
|
|
|
width: auto;
|
|
|
|
|
height: auto;
|
|
|
|
|
transform: translateX(-50%) translateY(-50%);
|
|
|
|
|
z-index: -10;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<div id='wrapper'></div>
|
|
|
|
|
<a href='../' id='homebttn' class='ext'> << home</a>
|
|
|
|
@ -43,6 +55,9 @@
|
|
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
<section id='main'>
|
|
|
|
|
<video class="fullscreen-video" id="myVideo" autoplay="autoplay" muted loop>
|
|
|
|
|
<source src="img/bg.mp4">
|
|
|
|
|
</video>
|
|
|
|
|
<div id="galleries">
|
|
|
|
|
<div id='work'>
|
|
|
|
|
<h3 class='gal-title'>Work</h3>
|
|
|
|
|