*,:after,:before{-webkit-overflow-scrolling:touch;box-sizing:border-box}body,html{height:100%;margin:0;padding:0}.outer-layout{height:100vh;width:100vw}.inner-layout{background-color:#f0eee5;display:flex;height:100%;width:100%}.container,.inner-layout{align-items:center;justify-content:center}.container{display:inline-flex;font:inherit;line-height:inherit;&:before{color:transparent;content:"X";display:block;width:0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.black{border-color:#000 rgba(0,0,0,.05) rgba(0,0,0,.05)}.success{border-color:#436b53 rgba(67,107,83,.05) rgba(67,107,83,.05)}.white{border-color:#fff hsla(0,0%,100%,.05) hsla(0,0%,100%,.05)}.spinner{animation:spin 1.2s linear infinite;border-radius:50%;border-style:solid;border-width:.15em;height:1em;width:1em;&.big{border-width:.2em;height:2em;width:2em}}