body{
    background-image: url('https://emmyswoodlandcottage.neocities.org/backgrounds/scrapbook.jpg');
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: center;
}
.container{
    min-height: 100vh;
    width: clamp(150px, 100%, 1200px);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    gap: 5px;
    grid-template-areas:
    "H"
    "M"
    "F";
    margin: 0 auto;
}
header, main, footer{
    border: 9px solid;
    border-image: url( 'https://emmyswoodlandcottage.neocities.org/borders/IMG_6892.png' ) 9 fill round;

}
main img{
    margin: 0 auto;
    display: flex;
    justify-self: center;
    height: auto;
}
header{
    grid-area: H;
}
main{
    grid-area: M;
    text-wrap: pretty;
    padding: 0px 5px;
}
/* extra styles for dump page */
.ramble{
    width: clamp(50px, 50%, 500px);
    height:300px;
    overflow:auto;
    margin: 0 auto;
    border-width: 9px;
    border-style: solid;
    border-image: url( 'https://emmyswoodlandcottage.neocities.org/borders/IMG_6895.png' ) 8 fill round;
}
table{
    margin: 0 auto;
    border: 9px solid;
    border-image: url( 'https://emmyswoodlandcottage.neocities.org/borders/IMG_6893.png' ) 9 fill round
}
td, th{
    border: 10px solid transparent;
    border-image: url(https://emmyswoodlandcottage.neocities.org/borders/whitelace.png) 17 round;
}   
th{

    background-color:#afc9ad;
}
td{
        background-color:#f2edce;
    background-clip: padding-box;
}
/* shop page */
#question-mark{
    max-width: 200px;
}
.icon{
    border-width: 9px;
    border-style: solid;
    border-image: url( 'https://emmyswoodlandcottage.neocities.org/borders/IMG_6893.png' ) 9 fill round;
    height:clamp(50px, 100%, 150px);
    width: clamp(50px, 100%, 150px);
}
#kofi{
    width: clamp(50px, 100%, 320px);
}
/* commission page */
#sample{
    width: clamp(50px, 100%, 300px);
    float:left;
    border: 9px solid;
    border-image: url( 'https://mypillowfort.nekoweb.org/border/84.png' ) 9 fill round;
}

#notLikeOtherGirls{
    border: solid 1px;
}
.gallery{
    margin: 0 auto;
    overflow:auto;
    justify-self: center;
    width: clamp(150px, 100%, 600px);
    height:400px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}