body {
        font-family:Ms Ui Gothic;
        margin: 0;
        padding-top: 10px;
        background-color: #FFFFFF;
        background-size: 200px;
        color: #f1f1f1;
        background-image: url(/rowan_files/ceramictile.jpg);
    }

    * {
        box-sizing: border-box;
    }

    #container {
        max-width: 980px;
        margin: 0 auto;
        
    }


    #container a {
        color: #ED64F5;
        font-weight: bold;
    }

    #navbar {
        height: 40px;
        background-color: #C0C0C0;
        width: 100%;
        border: 3px ridge #7D7D7D;
    }

    #navbar ul {
        display: flex;
        padding: 0;
        margin: 0;
        list-style-type: none;
        justify-content: space-evenly;
    }

    #navbar li {
        padding-top: 10px;
    }

    #navbar li a {
        color: #181716;
        font-weight: 800;
        text-decoration: none;
    }

    #navbar li a:hover {
        color: #a49cba;
        text-decoration: underline;
    }

    #flex {
        display: flex;
    }

    .winheader {
        background-color: #063BA4;
        background-image: url(https://web.archive.org/web/20240806102106im_/https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0c1058, #adcbe1);
        background-repeat: no-repeat;
        background-position: right;
        border-top: 3px ridge #7D7D7D;
        border-right: 3px ridge #7D7D7D;
        border-left: 3px ridge #7D7D7D;
        height: 20px;
        color: white;
        font-family: monospace;
    }

    aside {
        background-color: #eeeeee;
        color:#08031A;
        width: 200px;
        max-height: 570px;
        padding: 1px;
        padding-top: 10px;
        font-size: smaller;
        text-align: center;
        border: 3px ridge #7D7D7D;
    }

    main {
        background-color: #eeeeee;
        color:#08031A;
        background-image: url(https://web.archive.org/web/20240806102106im_/https://64.media.tumblr.com/00ce3126d322154908d7fd92385454cb/041554acc479d992-ae/s2048x3072/46bb3d64ac8d0b62aecc55ec9caa859ff63e086d.gif);
        background-repeat: no-repeat;
        background-size: cover;
        flex: 1;
        padding: 20px;
        order: 2;
        text-align: center;
        overflow: auto;
        max-height: 570px;
        border: 3px ridge #7D7D7D;
    }


    */ #leftSidebar {
        order: 1;
    }

    #rightSidebar {
        order: 3;
        overflow-y: scroll;
        max-height: 100vh;
    }

    h1,
    h2,
    h3 {
        color: #ce7b4c;
    }

    h1 {
        font-size: 25px;
    }

    strong {
        color: blue;
    }

    .box {
        background-color: rgba(138, 222, 237, 0.4);
        border: 2px ridge #7D7D7D;
        padding: 10px;
        text-align: center;
        overflow: auto;
        max-height: 250px;
        border-radius: 1%;
        list-style-type: none;
        
    }

    .box1 {
        background-color: rgba(138, 222, 237, 0.4);
        border: 2px ridge #7D7D7D;
        padding: 10px;
        text-align: center;
        border-radius: 1%;
        list-style-type: none;
    }
    
    .box2 {
        background-color: #000000;
        border: 2px ridge #7D7D7D;
        padding: 10px;
        text-align: center;
        border-radius: 1%;
        list-style-type: none;
    }

    .webrings {
        background-color: rgba(138, 222, 237, 0.4);
        border: 2px ridge #7D7D7D;
        padding-top: 10px;
        height: 240px;
        text-align: center;
        overflow: auto;
        border-radius: 1%;
    }
    
    footer {
       height: 40px;
       background-color: #C0C0C0;
       color: black;
       width: 100%;
       border: 3px ridge #7D7D7D;
       text-align: center;
    }

.links {
  display: flex;        
  justify-content: center; 
  gap: 20px;              
}

.item {
  text-align: center; 
}