html,
body { height: 100%; text-align: center; }

body { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-top: 40px; padding-bottom: 40px; background-color: #f5f5f5; }

.acreos-api { width: 100%; max-width: 330px; padding: 15px; margin: auto; }

.home-text { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}

.img-mimir { height: 100%; }

.lds-ripple { display: inline-block; position: relative; width: 80px; height: 80px; }
.lds-ripple div { position: absolute; border: 4px solid rgb(250,150,0); opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
.lds-ripple div:nth-child(2) { animation-delay: -0.5s; }

@keyframes lds-ripple {
    0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 1; }
    100% { top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0; }
}