body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:inline;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.outer{width:100%;height:100%;display:table;position:absolute;top:0;left:0}.middle{vertical-align:middle;display:table-cell}.inner{justify-content:center;margin-left:auto;margin-right:auto;display:flex}#loading-screen{z-index:2;opacity:1;background-color:#f8f8ff;width:100%;height:100%;transition:opacity 1s;position:absolute;top:0;left:0}#loading-screen.fade-out{opacity:0}#loader{border:3px solid #0000;border-top-color:#9370db;border-radius:50%;width:150px;height:150px;margin:-75px 0 0 -75px;animation:2s linear infinite spin;display:block;position:relative;top:50%;left:50%}#loader:before{content:"";border:3px solid #0000;border-top-color:#ba55d3;border-radius:50%;animation:3s linear infinite spin;position:absolute;inset:5px}#loader:after{content:"";border:3px solid #0000;border-top-color:#f0f;border-radius:50%;animation:1.5s linear infinite spin;position:absolute;inset:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}