html {
    max-width: 100vw;
    max-height: 100vh;
    width: 100vw;
    height: 100vh;
    background: #00B5E2;
}

* {
   font-family: sans-serif, "Arial", "Helvetica";
}

.content {
    color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.picture {
    width:50%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  
  animation: ellipsis steps(4, end) 3s infinite;
  content: "\2026"; /* ellipsis ASCII code */
  width: 0px;
}

@keyframes ellipsis {
  to {
    width: 40px;
  }
}