body {
    background-image: url("https://i.pinimg.com/736x/64/d1/35/64d1358828e3de03e66e44ff1a70b24a.jpg");
    font-family: Georgia;
}

/* container, wrap around website */

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

/* all links EXCEPT nav */

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

/* header */

#header {
                width: 100%;
                background-color: #8c4e61;
                height: 150px;
    background-image: url("https://i.pinimg.com/736x/55/2f/82/552f823af06daec14406d1f022c89d87.jpg");
    background-size: contain
            }

/* navigation */

            #navbar {
                height: 40px;
                background-color: #c6aad0;
                /* navbar color */
                width: 100%;
            }

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

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

            /* navigation links*/
            #navbar li a {
                color: #83273f;
                /* navbar text color */
                font-weight: 800;
                text-decoration: none;
                /* this removes the underline */
            }

            /* navigation link when a link is hovered over */
            #navbar li a:hover {
                color: #210012;
                text-decoration: underline;
            }

/* sidebar */

#flex {
                display: flex;
            }

            aside {
                background-color: rgba(198, 170, 208, 0.9);
                width: 200px;
                padding: 20px;
                font-size: smaller;
                /* this makes the sidebar text slightly smaller */
            }

            #leftSidebar {
                order: 1;
            }

            #rightSidebar {
                order: 3;
            }



/* main area */

         main {
                background-color: rgba(110, 27, 74, 0.87);
                flex: 1;
                padding: 20px;
                order: 2;
            }

/* footer */

            footer {
                background-color: rgba(110, 27, 74, 0.87);
                width: 100%;
                height: 40px;
                padding: 10px;
                text-align: center;
}

/* box in sidebar */

            .box {
                background-color: rgba(110, 27, 74, 0.87);
                border: 1px solid #ED64F5;
                padding: 10px;
            }

/* top bar */

            #topBar {
                width: 100%;
                height: 30px;
                padding: 10px;
                background-color: rgba(110, 27, 74, 0.87);
                text-align: center;
            }