/* --------------------------------- */
/* AETHENA.ART SECRET 3D PROJECT     */
/*                         MAINFRAME */
/* !!NON-SHARKS BEWARE!!             */
/*                                   */
/*              aethena.art, 2026    */
/* --------------------------------- */

*
{
    margin: 0 ;
    padding: 0 ;
    cursor: url('https://blog.aethena.art/_images/layout/cursor_auto.png'), auto ;
}

body
{
    display: grid ;
    grid-template-columns: 130px 130px 130px 130px 130px 130px 130px 130px ;
    background-color:hsl(180, 20%, 7%) ;
    width: 94vmax ;
    padding: 3vmax ;
    align-self: center;
    font-family: 'JetBrains Mono', Arial, Verdana, sans-serif ;
    position: absolute ;
    padding-left: 1vw ;
}

.blank-space
{
    height: 120px ;
    width: 120px ;
    padding: 5px ;
}

a
{
    grid-row: 3 ;
    grid-column: 5 ;
    display: flex ;
    flex-direction: column ;
    justify-self: center ;
    cursor: url('https://blog.aethena.art/_images/layout/cursor_pointer.png'), pointer ;
}

a:link
{
    color: #e4e80d ;
}

a:visited
{
    color: #B79B54 ;
}

a:hover
{
    color: #ECF881 ;
}

img
{
    width: 120px ;
    height: fit-content ;
    padding: 5px ;
    grid-row: 3 ;
    grid-column: 5 ;
    cursor: url('https://blog.aethena.art/_images/layout/cursor_pointer.png'), pointer ;
}

p
{
    text-align: center ;
    cursor: url('https://blog.aethena.art/_images/layout/cursor_pointer.png'), pointer ;
}

@media (max-width: 900px)
{
    body
    {
        height: unset ;
        grid-template-columns: 80px 80px 80px ;
        grid-template-rows: 80px 80px 80px 80px 80px 80px 80px 80px ;
        background-color:hsl(180, 20%, 7%) ;
        width: 100% ;
        padding: unset ;
        font-family: 'JetBrains Mono', Arial, Verdana, sans-serif ;
    }

    .blank-space
    {
        height: 0px ;
        width: 0px ;
        padding: 0px ;
    }

    a
    {
        grid-row: 3 ;
        grid-column: 2 ;
        align-items: center ;
        justify-content: center ;
        width: 100% ;
    }

    img
    {
        width: 65px ;
    }

    p
    {
        font-size: 0.7em ;
    }
}