/* -------------------------------------------------------- */
/* OVERALL */
/* -------------------------------------------------------- */

@font-face
{
    font-family: 'DS';
    src: url(/fonts/Nintendo-DS-BIOS.ttf);
}

*
{
    box-sizing: border-box;
}

html
{
    cursor: url(wii-open-ccw.png), auto;
}

a:hover
{
    cursor: url(wii-pointer-ccw.png), auto;
}

body
{
    display: block;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin-left: 20%;
    margin-right: 20%;

    font-family: 'DS';
    font-size: 20px;
    letter-spacing: 1px;
    word-spacing: 5px;
    color: #172074;

    background-image: url(bgs/graph_paper.png);
    background-repeat: repeat;
    background-size: 200px;
}

/* -------------------------------------------------------- */
/* MAIN */
/* -------------------------------------------------------- */

.content
{
    background: #d0d5db;
    border-image: url('misc/f2u-creds-miomiau-on-discord-1.png');
    border-image-slice: 300 297 240 291;
    border-image-width: 42px 42px 42px 42px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: round round;
    border-style: solid;
    padding-top: 50px;
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
}

.subtitle
{
    background: #ffffff;
}

.columns
{
    display: flex;
    gap: 10px;
}

.left
{
    width: 50%;
}

/* -------------------------------------------------------- */
/* MOBILE RESPONSIVE */
/* -------------------------------------------------------- */

@media screen and (max-width: 800px)
{
    body
    {
        width: 400px;
        align-items: center;
    }

    .leftcolumn
    {
        text-align: center;
        margin: auto;
    }

    .columns
    {
        display: flex;
        flex-direction: column;
    }

    .smallbio
    {
        scale: 1.2;
    }
}