/* just link this and use

on top of everything in the element in any file you want to use it to. */ .fade-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: var(--c4); z-index: 9999; pointer-events: none; animation: fadeOut 3s ease-in-out forwards; animation-name: fadeOut; animation-duration: 3s; animation-delay: 2s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; visibility: hidden; } }