html{color-scheme:light dark;justify-content:center;align-items:center;height:100%;font-family:system-ui;display:flex;& body{background:linear-gradient(135deg,#191970,#010e23);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;& h1{opacity:1;color:#c4b262bf;mix-blend-mode:subtract;filter:blur(2px);font-family:Rosarivo-Regular;font-size:5vw;animation-name:blurInHeader;animation-duration:2s;animation-timing-function:ease-out}& p,& a{color:#c4b262bf;mix-blend-mode:subtract;filter:blur(1px);max-width:50vw;font-family:Rosarivo-Regular;font-size:2.5vw;animation-name:blurInText;animation-duration:2s;animation-timing-function:ease-out}}& .noise{z-index:10;pointer-events:none;filter:contrast(145%)brightness(650%)invert();mix-blend-mode:screen;background:radial-gradient(circle,#000000bf,#0000);width:100vw;height:100vh;animation-name:twinkleStars;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;top:0;left:0;overflow:hidden}}.main-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}@font-face{font-family:Alegreya-Regular;src:url(Alegreya-Regular.1c98ce1a.ttf)}@font-face{font-family:Rosarivo-Regular;src:url(Rosarivo-Regular.ca4efcf1.ttf)}@keyframes rotateNoise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blurInHeader{0%{filter:blur(10px);scale:1.1}to{filter:blur(2px);scale:1}}@keyframes blurInText{0%{filter:blur(10px);scale:1.1}to{filter:blur(1px);scale:1}}@keyframes twinkleStars{0%{filter:contrast(135%)brightness(650%)invert()}to{filter:contrast(155%)brightness(550%)invert()}}
/*# sourceMappingURL=project.ab957041.css.map */