"WELCOME FOLKS, READY FOR SOME GIGGLES??" loading screen

gonna try find a gif of it later

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed;

top: 0;

left: 0;

z-index: 100;

background-image: url('https://files.catbox.moe/sseakq.jpg');

background-size: cover;

background-repeat: no-repeat;

background-position: center center;

animation: yourAnimation 3s ease 0s 1 normal forwards;

pointer-events: none;

}

@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }

nav, footer {

margin: 1em;

position: relative;

box-shadow: 5px 8px 10px #0006;

}

</style>

me when i'm ready for some giggles