body
{
    font-family: 'Courier New', Courier, monospace;
    color: palevioletred;
    background-color: #448670;
    outline: 5px solid black;
    text-shadow: 1px 1px 1px black;
    text-align: center;
    gap: 0;
}

.spraiciuss
{

width: 200px;
margin-top: 150px;
margin-left: -950px;
position: absolute;
outline: 5px solid black;

}


.arrowas
{

position: absolute;
rotate: 180deg;
margin-top: 190px;
margin-left: -750px;

}

.cuteaparatus
{
position: absolute;
margin-left: 450px;
margin-top: 250px;
font-size: 500%;

}

.title
{
opacity: 0;
animation: fade 2s ease-in 1s both;

}


.anim1
{
    opacity: 0;
    animation: lovewife 2s ease-in 2s  both;
}

.anim2
{
    opacity: 0;
    animation: lovewife 2s ease-in 3s  both;
}

.anim3
{
    opacity: 0;
    animation: lovewife 2s ease-in 4s  both;
}

.anim4
{
    opacity: 0;
    animation: lovewife 2s ease-in 5s  both;
}

@keyframes fade {
    0%{
        opacity: 0;
    }   
    100%{
        opacity: 1;
        pointer-events: auto;
    } 
}

@keyframes lovewife {
    0%{
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}