@keyframes slideToLeft{0%{left:25%}to{right:"";left:0}}@keyframes slideToRight{0%{right:75%;opacity:0}25%{opacity:0}75%{opacity:.85}to{left:"";right:0;opacity:1}}body,body>div#splash-logo,html{margin:0;padding:0;background-color:#000f16}body,html{height:100%;display:flex;overflow:hidden}body>div#splash-logo{position:absolute;width:50%;height:70%;border-radius:10px}body,body>div#splash-login,html{align-items:center;justify-content:center}body>div#splash-login,html>div#splash-login,html>div#splash-logo{position:absolute;width:50%;height:70%;border-radius:10px;margin:0;padding:0;background-color:#000f16}html>div#splash-login{align-items:center;justify-content:center}body>div#splash-login>div.progress-animation-dog,body>div#splash-logo>div.progress-animation-dog,html>div#splash-login>div.progress-animation-dog,html>div#splash-logo>div.progress-animation-dog{top:30%}body>div#splash-logo,html>div#splash-logo{left:25%;z-index:10;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:stretch}body>div#splash-logo>.progress-animation-dog>.body>.belt>.tag,html>div#splash-logo>.progress-animation-dog>.body>.belt>.tag{width:100%}body>div#splash-login,html>div#splash-login{right:75%;opacity:0;z-index:0}body>div#splash-login>div,html>div#splash-login>div{position:relative;top:25%;background-color:#000f16}body>div#splash-login>div>div * label,body>div#splash-login>div>div .header,html>div#splash-login>div>div * label,html>div#splash-login>div>div .header{color:#2b2b2b}body>div#splash-login>div>div .header,html>div#splash-login>div>div .header{font-family:"Raleway Semi Bold",sans-serif}body>div#splash-login>div>div>#message-container,html>div#splash-login>div>div>#message-container{padding-left:1rem;padding-right:1rem;padding-top:1rem}body .animate-slide-to-left,html .animate-slide-to-left{animation:slideToLeft 1s forwards}body .animate-slide-to-right,html .animate-slide-to-right{animation:slideToRight 1s forwards}