:root{
    --shadow-color: 213deg 46% 53%;
}

body{
    background-image: url("./bg/0987.jpg");
        background-position: center bottom;
        background-size: auto 36%;
    overflow: hidden;
}

#holdme{
    margin: auto;
    height: 80svh;
    display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    text-shadow: var(--literal-text-shadow);
    /* font-weight: bold; */
}

main{
    width: max-content;
    height: min-content;
    margin: auto;

    h1{
        font-size: 2.25em;
    }

    p > *, h1{
        filter: var(--drop-shadow-low);
    }
}

main, footer span{
    background: rgba(255,255,255, 0.33);
    box-shadow: 0 0 0.5em 0.5em rgba(255,255,255, 0.33);
    backdrop-filter: blur(0.066em);
    border-radius: 1em;
}

a{
    text-decoration: none;
    font-weight: bold;
}

.hiddenlink{
    box-shadow: 0 0 0.5em 0.5em rgba(255,255,255, 0.33);
}

body {
    @media (max-width: 700px) {
        font-size: calc(0.75rem + 1svw);
    }
}