:root{--primary-color:hsl(125,55%,23%);--secondary-color:hsl(38,66%,16%)}body,html{padding:0;margin:0;height:100%;overflow:hidden}#background,#outer{display:none}div.view{display:none}#load{top:0;right:0;bottom:0;left:0;opacity:1;position:absolute;z-index:100;transition:opacity .5s ease-in;will-change:opacity;background-color:#1b5c20;background-repeat:no-repeat;background-position:center;background-size:9em}#load.hide{opacity:0}#load.error{background-color:hsl(0,60%,30%)}#load.error div.spinner{display:none}#load div.spinner,#load div.spinner:before,#load div.spinner:after{border-radius:50%;width:1em;height:1em;animation-fill-mode:both;animation:load_spinner 1.8s infinite ease-in-out;will-change:opacity,box-shadow}#load div.spinner{color:#228b2b;font-size:10px;position:relative;text-indent:-9999em;animation-delay:-.16s;top:calc(50% - 3em);left:calc(50% - 1.75em)}#load div.spinner:before,#load div.spinner:after{content:'';position:absolute;top:0}#load div.spinner:before{left:-1.75em;animation-delay:-.32s}#load div.spinner:after{left:1.75em}@keyframes load_spinner{0%{opacity:0;box-shadow:0 2.5em 0 -1.3em}80%,100%{opacity:0;box-shadow:0 2.5em 0 -1.3em}40%{opacity:1;box-shadow:0 2.5em 0 0}}