/* begin:body */

body {
    background-color: var(--joosh-navy);
}

/* end:body */



/* begin:intro-box-block */

.intro-box-block {
    border: 1px solid var(--background);
}

/* end:intro-box-block */



/* begin:nekoweb-button__collection */

.nekoweb-button__collection {
    outline: var(--stroke);
}

#nekoButtonsWrapper {
    outline: var(--stroke);
    margin: var(--spaceM);
}

#nekoweb-buttons-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: fit-content;
    padding: var(--spaceM);
}

.nekoweb-button__collection > #nekoweb-buttons-block > .nekoweb-button {
    margin: 2px 0;
    outline: var(--stroke);
    background-color: var(--background);
}

.nekoweb-button__collection > #nekoweb-buttons-block > .nekoweb-button > a {
    padding: 0px;
    margin: 0px; 
    height: 31px;
    width: 88px;
    
    img {
        padding: 0;
    }
}

.nekoweb-button:hover {
    z-index: 999;
}

/* end:nekoweb-button__collection */



/* begin:groups__collection */

.groups__collection {
    outline: var(--stroke);
}

#webrings-block {
    display: flex;
    padding: var(--spaceM);
    justify-content: space-around;
}

#touhou-ring {
    img {
        display: inline;
    }
}

/* end:groups__collection */



/* begin:footer-block */

.footer-block {
    border: 1px solid var(--background);
}

/* end:footer-block */



/* begin:media querey */

@media only screen and (max-width: 800px) {

    #nekoweb-buttons-block {
        /* padding: var(--spaceXS); */
        justify-content: space-around;
    }

    #webrings-block {
        flex-direction: column;
        align-items: center;
    }

    .footer-block {
        border: none;
    }

}

/* end:media querey */