body{
        margin:0px;
        padding:0px;
        background-color: rgb(255, 212, 212);
        background-image: url("https://helianthus-fields.neocities.org/graphics/bgs/bg_bluewhitetile.png");
        }
        .row:after {
        content: "";
        display: table;
        clear: both;
        }

        
summary{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: rgba(196, 188, 190, 0.74);
    padding:2px;
    color:white;
}

/* basic styling */
    p{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color:rgb(255, 255, 255);
    padding:10px;
    border-radius:5px;
    border:1px solid black;
    }

    a{
    text-decoration: none;
    }

    a{
        font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color:rgb(233, 47, 78);
        font-weight: bold;
    }

    li{
    padding:6px;
    font-family:'calibri',sans-serif;
    }

    h1{
    font-family:'nintendo u',sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px
    }

    h2,h3{
    font-family:'nintendo u',sans-serif;
    text-transform: uppercase;
    margin:1px;
    }


.underline{
        border-bottom:1px solid black;
        list-style:none;
    }

    .nope{
        list-style:none;
        background-color:none;
    }

    .growhov{
        transition:0.3s;
    }

    .growhov:hover{
        transform: scale(1.2);
    }



    .getaround{
        
        background-image:url("https://helianthus-fields.neocities.org/graphics/bgs/bg_warmspace.png");
    }

/* da fuckin grid bitch */
    .container{
        max-width: 900px;
        width: 95%;
        display:grid;
        grid-template-columns:15% auto auto;
        grid-template-areas:
            "title title title"
            "stuff stuff stuff"
            "footer footer footer";
        margin: 0 auto;
        font-size:16px;
    }

    .container > div{
        margin:3px;
        padding:8px;
    }

    .title{
    grid-area:title;
    }

    .stuff{
    grid-area:stuff;
    }

    .footer{
    grid-area:footer;
    }




    .thumbnail{
    max-height:200px;
    border:1px solid black;
    object-fit: cover;
    background-color:white;
    }

    .characterprofile {
        float: right;
        width: 250px;
        margin-left:auto;
        padding:6px;
        margin: 0px 0px 30px 30px;
        background-color: #ffffff;
        border-radius:6px;
        border:1px solid black;
            }

    .characterprofile img{
        max-width:100%;
        border-radius:inherit;

    }



            table {
            border-collapse: collapse;
            width: 250px;
            background-color: #ffffff;
            font-family: 'calibri',sans-serif;
                        border-radius:6px;

            }

            tbody {
            margin: 3px 10px;
            }

            td, th {
            text-align: left;
            padding: 3px 10px;
            -left: 1px solid black;
            }

            td:nth-child(odd) {
            font-weight: 600;
            text-align: right;
            }

            tr:nth-child(even) {
            background-color: #ffefe2;
            }