40 lines
573 B
CSS
40 lines
573 B
CSS
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
|
|
|
|
html, body {
|
|
width: 100%; height: 100%;
|
|
background: #000;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#wrapper {
|
|
position: fixed;
|
|
inset: 0;
|
|
}
|
|
|
|
video {
|
|
width: 100%; height: 100%;
|
|
object-fit: cover;
|
|
display: block;
|
|
}
|
|
|
|
#overlay {
|
|
position: absolute;
|
|
inset: 0;
|
|
width: 100%; height: 100%;
|
|
pointer-events: none;
|
|
}
|
|
|
|
#flash {
|
|
position: fixed;
|
|
inset: 0;
|
|
background: white;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transition: opacity 0.20s ease-in;
|
|
}
|
|
#flash.pop {
|
|
opacity: 1;
|
|
transition: none;
|
|
}
|
|
|