html,
body {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

main {
    display: flex;

    canvas {
        margin: 0 auto;
    }
}

#shrimp {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1000;


    div {

        background-image: url('/welcome/assets/fish_etc_sprite_sheet.png');
        background-position: 587px;
        background-size: 900px;

        height: 80px;
        aspect-ratio: 1;
        width: 125px;

        opacity: 0;

        transition: opacity 500ms;
    }

    div:after {
        content: 'skip';

        position: absolute;
        bottom: 0;
        right: 2px;

        font-family: monospace;
        font-weight: 600;
        text-shadow: 2px 1px lightsteelblue, -2px 0px white;
        text-transform: uppercase;
    }
}

#shrimp:hover {
    div {
        opacity: 1;
    }
}