body,html{ width:100%; height:100%; position:relative; margin:0; padding:0; background-color : #E4E4E4; overflow: hidden; font-size: 14px; } @media all and (display-mode: standalone) { body { background-color: #000; } } * { box-sizing: border-box; } body,html,input,textarea,keygen,select,button,a { font-family: TWK Everett Regular} h1,h2,h3,h4,h5,h6,label,.headline,button,a[role=button] { font-family: TWK Everett Medium} h1, h2, h3, h4, h5, h6{ margin: 0 0 0.2em 0; } #appsplash { z-index:9999; } html #appsplash .splash { box-sizing: border-box; position: fixed; z-index: 9999; width: 100%; height: 100%; left: 0; top: 0; background-color: #fcfaf7; color: #370c3b; display: -webkit-flex; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; font-size: 14pt; text-transform: uppercase; transition: opacity 600ms ease-out; } .splash .splashcontent { width: 800px; box-sizing: border-box; max-width: 100%; margin: 0 auto; padding : 20px; display: -webkit-flex; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; } .splash .splashcontent img { max-width: 80%; height: auto !important; min-height: 1px; display: block; margin: auto; } .splash.hidden { opacity: 0; pointer-events: none; } .splash.hidden:not(.dismissed) { transition: opacity ease-in 1s; } .splash.dismissed { transition: none; } #approot, .approot { width: 100%; height:100%; left:0; top:0; overflow: hidden; position: absolute; } .loaderindicator.ring { display: -webkit-flex; display: flex; align-items: center; } .loaderindicator.ring .spinner{ margin-left: 8px; display: block; border-radius: 50%; width: 20px; height: 20px; min-width: 20px; min-height: 20px; border: 4px solid rgba(55, 12, 59, 0.4); border-top-color: rgba(55, 12, 59, 0.8); animation: loaderspin 1s infinite linear; flex-shrink: 0; } .loaderindicator.ring.big .spinner{ border-width: 6px; width: 40px; height: 40px; min-width: 40px; min-height: 40px; } @-webkit-keyframes loaderspin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes loaderspin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }