css/splashscreen.css

   1 #splash-screen {
   2   width: 100%;
   3   height: 100%;
   4   position: absolute;
   5   z-index: 999;
   6   overflow: hidden;
   7   background-color: #e57373;
   8
   9   background: linear-gradient(180deg, #0b4c81 30%,#005498 70%);
  10   background-image: url("../images/16-9.png");
  11
  12   /* background-repeat:  no-repeat;                     */
  13   background-position:center center;
  14   background-size: cover;
  15   width:100%;
  16   height:100vh;
  17 }
  18 #splashscreen * {
  19   overflow: hidden;
  20 }
  21 .clock {
  22   display: none;
  23 }
  24 #splash-screen-content {
  25   position: absolute;
  26   width: 100%;
  27   height: 100%;
  28   top: 0;
  29 }
  30 .SplashScreen-screen-img {
  31  /* nothing here right now */
  32 }
  33 .filter{
  34   filter: blur(4px) contrast(110%) brightness(80%);
  35 }
  36 .vignette {
  37   width: 100%;
  38   height: 100%;
  39   position: absolute;
  40   top: 0;
  41   box-shadow: inset 0 0 100px black;
  42   z-index: 2;
  43   display: none;
  44 }