body, html {
  margin:0;
  height:100%;
  min-height: 100vh;
  background: #ffffff;
  
  background-size: 100% 100%;
}

.grid {
    display: grid;
    place-content: center;
    height: 100%;
    text-align: center;
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.contain {
  display:block;
  width:100%; height:100%;
  object-fit: contain;
}

.stretch {
  display:block;
  width:100%; height:100%;
}

.cover {
  display:block;
  width:100%; height:100%;
  object-fit: cover;
}

.animated-pulsar {
    animation: pulsar 2s ease infinite;
    color: #000 !important;
    font-family: sans-serif
}

@media (prefers-color-scheme: dark) {
  body {
    margin:0;
    height:100%;
    background: #ffffff;
    
    background-size: 100% 100%;
  }
}

@keyframes pulsar {
    0% {
        opacity: 1
    }
    75% {
            opacity: 0
        }
    100% {
        opacity: 1
    }
}