.caption{z-index:1;color:#fff;opacity:.4;text-align:center;width:100vw;font-size:.75rem;position:fixed;bottom:0}
.title{margin:0;font-size:2.25rem;font-weight:100}@media (max-width:768px){.title{margin:0 0 .3rem;font-size:1.75rem;font-weight:100}}.description{margin:0;font-size:1rem;font-weight:100}.links{margin:2rem 0}.links ol{gap:.5rem;padding-left:0;list-style-type:none;display:flex}.links ol li{display:inline-block}.icon{fill:#fff;width:1.5rem;height:1.5rem;transition:opacity .3s}.icon:hover{opacity:.7}.particle-sphere{background:0 0;margin-top:.25rem}
.loading-overlay{z-index:9999;opacity:1;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:opacity .5s ease-out;display:flex;position:fixed;top:0;left:0}.loading-overlay.fade-out{opacity:0}.loading-text{color:#fff;letter-spacing:.2rem;margin-top:15px;font-size:.8rem;font-weight:300}.loading-bar{background-color:#222;border-radius:2px;width:200px;height:4px;margin-top:10px;margin-bottom:10px;position:relative;overflow:hidden}.loading-bar:after{content:"";will-change:transform;background-color:#ffffffe6;border-radius:2px;width:50%;height:100%;animation:1.5s ease-in-out infinite loading-bar-animation;position:absolute;top:0;left:-100%;transform:translateZ(0)}@keyframes loading-bar-animation{0%{left:-50%}to{left:100%}}