intro image

1 files changed, 24 insertions, 3 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index a7cd0aa..0427766 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -38,7 +38,6 @@ a {
   box-sizing: border-box;
   width: 100%;
   height: 100%;
-  padding: 3rem 3rem;
   transition: opacity 0.2s;
   background: #333;
   opacity: 1;
@@ -46,11 +45,33 @@ a {
 .intro.done {
   opacity: 0;
 }
-.intro-video,
-.intro-video iframe {
+.intro-image {
+  position: absolute;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
+  background-size: cover;
+  background-position: center center;
+  transition: opacity 0.5s;
+  pointer-events: auto;
   cursor: pointer;
+  opacity: 1;
+}
+.intro-image.playing {
+  pointer-events: none;
+  opacity: 0;
+}
+.intro-video {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate3d(-50%, -50%, 0);
+  pointer-events: none;
+}
+.intro-video iframe {
+  width: 100%;
+  height: 100%;
   pointer-events: none;
 }