.element{opacity:0;transition:all .5s;transform:translateY(20px)}.element.visible{opacity:1;transform:translateY(0)}.titleShadow{color:var(--mantine-color-main-0);z-index:1;text-decoration:none;position:relative}.mainBody{background-color:var(--mantine-color-main-9);background-size:40px 40px;background-image:linear-gradient(to right,var(--mantine-color-main-7)1px,transparent 1px),linear-gradient(to bottom,var(--mantine-color-main-7)1px,transparent 1px);flex-grow:1}.header-main{background-color:var(--mantine-color-accent-5);border-bottom:2px solid var(--mantine-color-main-0);height:60px;padding:10px}footer{background-image:radial-gradient(circle at 50%,var(--mantine-color-main-6)80%,var(--mantine-color-main-8));background-repeat:no-repeat;border:none;width:100%;height:90px;padding:10px}.pixel-img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}
a.underline{--duration:.2s;--distance:8px;--nDistance:-8px;--halfDistance:4px;--easeOutBack:cubic-bezier(.175,.885,.32,1.275);color:var(--mantine-color-main-0);text-transform:uppercase;padding-top:4px;padding-bottom:4px;font-size:20px;text-decoration:none;position:relative}a.underline:before,a.underline:after{content:"";background-color:var(--mantine-color-accent-0);height:2px;position:absolute;bottom:2px;left:0;right:0}a.underline:before{opacity:0;transform:translateY(var(--nDistance));transition:transform 0s var(--easeOutBack),opacity 0s}a.underline:after{opacity:0;transform:translateY(var(--halfDistance));transition:transform var(--duration)var(--easeOutBack),opacity var(--duration)}a.underline:hover:before,a.underline:hover:after,a.underline:focus:before,a.underline:focus:after{opacity:1;transform:translateY(0)}a.underline:hover:before,a.underline:focus:before{transition:transform var(--duration)var(--easeOutBack),opacity var(--duration)}a.underline:hover:after,a.underline:focus:after{transition:transform 0s var(--duration)var(--easeOutBack),opacity 0s var(--duration)}