since i can't post layouts, HOMESTUCK TAVROS LAYOUT!!!

CODE:

<style>

body {

    background-image: url(https://64.media.tumblr.com/e3adcd90fe891c7008bbfb8d11b84d26/47e1700b50351719-8c/s500x750/513eca8ec6fab1a39e7339e8724e89724898c112.pnj);

    font-family: verdana, arial, sans-serif, helvetica;

}

main {

    background: ##00000099;

    color: #ff7f00;

    padding: 6px 0px;

    font-size: 80%;

}

main {

    background: #000000db;

    color: #ff7f00;

    padding: 6px 0px;

    font-size: 80%;

}

:root {

    --light-gray: #000000;

    --gray: #ffffff;

    --dark-gray: #919191;

    --darker-gray: #545454;

    --logo-blue: #5a1e00c9;

    --darker-blue: #ffcd9da3;

    --lighter-blue: #714d3ac4;

    --even-lighter-blue: #ffffff85;

    --lightest-blue: #ffffff4d;

    --red: #000000;

    --dark-orange: #782200;

    --light-orange: #f9c56c;

    --even-lighter-orange: #fcdbb8;

    --strange-yellow: #dbae2e;

    --green: #34D399;

    --light-green: #E6F8DD;

    --medium-green: #A0C99C;

    --dark-green: #059669;

    accent-color: #000000;

    accent-color: #000000c9;

}

main:before {

    width: auto;

    margin-bottom: 25px;

    border: 1px solid black;

    height: 120px;

    display: block;

    content: "";

    background-image: url(https://i.pinimg.com/1200x/0c/b4/dd/0cb4dda249fdc294e557739c1314b526.jpg);

    background-position: center center;

    background-size: cover;

}

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed;

top: 0;

left: 0;

z-index: 100;

background-image: url('https://64.media.tumblr.com/59b37fe0da411cc2557339efc8b32c61/891b9a202d3d0757-1b/s500x750/e47cd5fbd382e98ff0a236b3d30577888c252ac7.gif');

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;

}

<iframe width="0" height="0" src="https://www.youtube.com/embed/2ZmG8q5z1XE?si=F1Sz8yhPCjyV3cy6//? &;amp;;autoplay=1&loop=1&;controls=1" title="IDK" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</style>