html, body {
height: 100vh;
min-height: 100vh;
overflow: hidden;
}
html body .uk-background-cover {
background-position: center;
height: 100vh;
}
html body > div {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
text-align: center;
}
html body > div:first-child:before {
content: ' ';
display: block;
background-color: rgba(0,0,0,.68);
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
html body #logo-container > img {
width: 90%;
max-width: 360px;
}
html [uk-img][data-src=""],
html [data-src][src*='data:image'] {
background: linear-gradient(230deg, #222222, #999999, #cccccc, #222222);
background-size: 800% 800%;
-webkit-animation: bgWaitingImage 6s ease infinite;
-moz-animation: bgWaitingImage 6s ease infinite;
animation: bgWaitingImage 6s ease infinite;
}
html body button.uk-button-brand {
line-height: 1;
padding: 0;
width: 120px;
height: 120px;
}
html body button.uk-button-brand i {
display: block;
font-size: 36px;
position: absolute;
left: 50%;
top: 25%;
transform: translateX(-50%);
}
html body button.uk-button-brand span {
display: block;
margin-top: 5px;
font-weight: 500;
position: absolute;
left: 50%;
top: 60%;
transform: translateX(-50%);
}
html body button.uk-button-brand span small {
display: block;
margin-top: 2px;
}
html.uk-modal-page #container-app,
html.swal2-shown #container-app {
filter: blur(3px);
-webkit-filter: blur(3px);
}
@-webkit-keyframes bgWaitingImage {
0%{background-position:0% 90%}
50%{background-position:100% 11%}
100%{background-position:0% 90%}
}
@-moz-keyframes bgWaitingImage {
0%{background-position:0% 90%}
50%{background-position:100% 11%}
100%{background-position:0% 90%}
}
@keyframes bgWaitingImage {
0%{background-position:0% 90%}
50%{background-position:100% 11%}
100%{background-position:0% 90%}
}