.App{margin:0;padding:0;height:100%;width:100%}a.navbar__link{box-sizing:border-box;display:flex;padding:4px 8px;text-decoration:none;color:inherit;border-radius:8px;margin:0 10px;transition:background-color .3s;transition:color .4s;height:100%;border:1px solid transparent;align-items:center}a.navbar__link--active,a.navbar__link:hover{background-color:#f5f5f5;color:#12c2e9;box-shadow:0 4px 6px #0000001a;border:1px solid #ddd}:root{--stripe-color: #fff;--bg: var(--stripe-color);--maincolor: var(--bg)}@keyframes smoothBg{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}.wrapper{width:100%;height:auto;position:relative}.hero{width:100%;height:100%;min-height:90vh;position:relative;display:flex;place-content:center;place-items:center;--stripes: repeating-linear-gradient( 100deg, var(--stripe-color) 0%, var(--stripe-color) 7%, transparent 10%, transparent 12%, var(--stripe-color) 16% );--rainbow: repeating-linear-gradient( 100deg, #60a5fa 10%, #e879f9 15%, #60a5fa 20%, #5eead4 25%, #60a5fa 30% );background-image:var(--stripes),var(--rainbow);background-size:300%,200%;background-position:50% 50%,50% 50%;filter:blur(10px) invert(100%);-webkit-mask-image:radial-gradient(ellipse at 100% 0%,black 40%,transparent 70%);mask-image:radial-gradient(ellipse at 100% 0%,black 40%,transparent 70%)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--stripes),var(--rainbow);background-size:200%,100%;animation:smoothBg 60s linear infinite;background-attachment:fixed;mix-blend-mode:difference}.content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;place-content:center;place-items:center;flex-flow:column;gap:4.5%;text-align:center;mix-blend-mode:difference;-webbkit-mix-blend-mode:difference;filter:invert(1)}.h1--scalingSize{font-size:calc(1rem + 10vw);position:relative}body.dark-mode .h1--scalingSize{color:#000}.h1--scalingSize:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;text-shadow:0 0 1px #ffffff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-color:#fff;-webkit-mask:linear-gradient(#000 0 0) luminance;mask:linear-gradient(#000 0 0) luminance,alpha;-webkit-backdrop-filter:blur(19px) brightness(12.5);backdrop-filter:blur(19px) brightness(12.5);-webkit-text-stroke:1px white;display:flex;margin:auto;z-index:1;pointer-events:none}body{margin:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--mui-palette-background-default);overflow-x:hidden}img{filter:none!important}body.dark-mode{background:radial-gradient(circle at 50% -10%,#243b55,#0c111a 30%)}code{font-family:Source Code Pro,monospace}