@font-face {
    font-family: Bitmap;
    src: url("media/bitmap.TTF");
}
@font-face {
    font-family: NiceSugar;
    src: url("media/NiceSugar.ttf");
}
@font-face {
    font-family: JanesWriting;
    src: url("media/JanesWriting-Regular.ttf");
}

html{
    background-image: url("media/browncookie1.jpg");
    background-repeat: repeat;
    margin-left:auto;
    margin-right:auto;
}
body {
    font-family: JanesWriting;
    width: 95%;
    position: relative;
    margin-left:auto;
    margin-right:auto;
}

    #intro{
        position: relative;
        box-sizing: border-box;
        width: fit-content 50%;
        height: fit-content;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        background-image: url("media/brownpinkheart.png");
    }
        .pagetitle{
            font-size:x-large;
            font-family: NiceSugar;
        }
        .introdecsription{
            font-family: JanesWriting;
            font-size: large;
        }
        .lain{
            position: relative;
            margin-left: auto;
            margin-right: auto;
        }
    
    #TableOfContents{
        position: relative;
        box-sizing: border-box;
        width: fit-content 50%;
        height: fit-content;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        background-image: url("media/linedtexture1.png");
    }

    #List{
        position: relative;
        box-sizing: border-box;
        width: fit-content 50%;
        height: fit-content;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-image: url("media/linedtexture1.png");
    }
        .listtitle{
            font-size: x-large;
            font-family: Bitmap;
        }
        .banner{
            background-image: url("media/bannerstrawberryicecream.gif");
            height: 30px;
            width: 600px;
            position: relative;
        }
        .itemname{
            font-family: JanesWriting;
            font-size: x-large;
        }
        .desc{
            font-family: JanesWriting;
            font-size: large;
        }