/*background: #E1E1E1*/
  .loader-back {
  background: var( --background-col );
  padding: 0;
  margin:0;
  min-height:100vh;
  display: flex; 
  justify-content:center;
  align-items:center;
  --foreground-col: #fff;
  --background-col: #16193c;
    position: fixed;
    width: 100vw;
    z-index: 100;      
}
body.invert {
  --foreground-col: #000;
  --background-col: #fff;
}
button {
  position: absolute;
  top: 10px;
  right:10px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
svg {
  width: 50vw;
  
}

@media (min-width: 991px) {
  svg {
   width: 18vw;
   margin-right: 2rem;         
}  
} 

#outline {
  fill:none;
  stroke: var( --foreground-col );
  stroke-width: .1px;
}
#load {
  fill: var( --foreground-col );
  stroke-width: 0px;
  animation: loading 6s linear infinite;
}
#mask {
  fill: var( --background-col );
  stroke-width: 0px;
}
@keyframes loading {
  from {
    y: 11.5px;
  }
  to {
    y: -6px;
  }
}