.splashscreen{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
    /*z-index: 1;
 background-image: url('/img/logo.gif');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20% auto; */
  background-color: #131431;

}

.splashscreen .content{
  margin:auto;
  display: flex;
  flex-direction: column;

}

.splashscreen img{
  width: 250px;
  height: auto;


} 


#reload-button-container button{
  border: none;
    background-color: #006098;

    margin-bottom: 2em;
    border-radius: 100px; 
    padding: 10px 15px; 
    font-size: 1em; 
    color:#f8f8f8;
    justify-content:center;
    font-weight: 600;
   cursor: pointer;
  
  }
  
#reload-button-container button:hover{

    background-color: #015484;

   
  
  }

/* @media all and (min-width: 960px) {
  .splashscreen{
    background-size: 50% auto;
    background-image: url('/img/logo.svg');
  }
}
@media all and (min-width: 1264px) {
  .splashscreen{
    background-size: 20% auto;
    background-image: url('/img/logo.svg');
  }
}
@media all and (min-width: 1904px) {
  .splashscreen{
    background-size: 50% auto;
    background-image: url('/img/logo.svg');
  }
} */

/* ----------------------------------------------
 * Generated by Animista on 2024-11-9 14:56:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */

 .pulsate-fwd {
	-webkit-animation: pulsate-fwd 2s ease-in-out infinite both;
	        animation: pulsate-fwd 2s ease-in-out infinite both;
}
@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}