*{margin:0;padding:0;box-sizing:border-box}::selection{background:rgba(0,0,0,0.3);color:#fff}body{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:82vh;padding:20px;font-family:monospace;color:#e0e0e0;line-height:1.6;text-align:center;background-color:#000;background-size:600%;animation:anime 16s linear infinite}h1{font-size:clamp(1.875rem,-0.7813rem+8.5vw,4rem);font-weight:700;color:#fff}p{font-size:clamp(1.125rem,0.0313rem+3.5vw,2rem);color:#fff}#pic{max-width:300px}@keyframes anime{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}:root{--accent-h:247;--accent-s:97%;--accent-l:26%;--base:75,234,118;--dark:225 23% 17%}.preloader{position:relative;display:grid;place-items:center;height:100vh;background-color:#000;position:fixed;top:0;bottom:0;right:0;left:0;z-index:9999}.preloader__loader{--loader-part-size:24px;--loader-size:calc(var(--loader-part-size)*3);position:relative;width:var(--loader-size);height:var(--loader-size)}.preloader__loader.hidden{display:none}.preloader__loader span{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--loader-part-size);height:var(--loader-part-size);background-color:rgb(var(--base));box-shadow:0 0 6px rgb(var(--base));transform-origin:center center;animation:main 6s ease infinite,fading 6s ease infinite}.preloader__loader span:nth-child(1){--translationValue:calc(var(--loader-part-size)/4),calc(var(--loader-part-size)/4);--translationValueWhenAssebled:var(--loader-part-size),0px;--translationBeforeDisassembling:calc(var(--loader-part-size)/4),calc(var(--loader-part-size)/4* - 1);top:0;left:var(--loader-part-size);animation-delay:0s,0.2s}.preloader__loader span:nth-child(2){--translationValue:calc(var(--loader-part-size)/4),calc(var(--loader-part-size)/4* - 1);--translationValueWhenAssebled:0,calc(var(--loader-part-size)* - 1);--translationBeforeDisassembling:calc(var(--loader-part-size)/4* - 1),calc(var(--loader-part-size)/4* - 1);top:var(--loader-part-size);left:0}.preloader__loader span:nth-child(3){--translationValue:calc(var(--loader-part-size)/4* - 1),calc(var(--loader-part-size)/4);--translationValueWhenAssebled:0,var(--loader-part-size);--translationBeforeDisassembling:calc(var(--loader-part-size)/4),calc(var(--loader-part-size)/4);top:var(--loader-part-size);right:0;animation-delay:0s,0.4s}.preloader__loader span:nth-child(4){--translationValue:calc(var(--loader-part-size)/4* - 1),calc(var(--loader-part-size)/4* - 1);--translationValueWhenAssebled:calc(var(--loader-part-size)* - 1),0px;--translationBeforeDisassembling:calc(var(--loader-part-size)/4* - 1),calc(var(--loader-part-size)/4);bottom:0;left:var(--loader-part-size);animation-delay:0s,0.6s}@keyframes fading{0%{opacity:1}8%{opacity:.2}16.6%,33.2%{opacity:1}41.6%{opacity:.2}50%,66.6%{opacity:1}74.9%{opacity:.2}83.2%,100%{opacity:1}}@keyframes main{0%,25%{transform:rotate(0) translate(0,0)}33.3%,58.3%{transform:rotate(45deg) translate(var(--translationValue))}62.45%{transform:rotate(90deg) translate(var(--translationValueWhenAssebled))}66.6%,91.6%{transform:rotate(135deg) translate(var(--translationBeforeDisassembling))}100%{transform:rotate(180deg) translate(0,0)}}