body {
                margin: 0;
                background-size: 150px;
                background-image: url('/graphics/backgrounds/hpbg.jpg');
            }

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

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

            #header {
                width: 100%;
                background-color: #5e4e8c;
                height: 500px;
                background-image: url('/graphics/headers/homepageheader.jpg');
                background-size: 100%;
            }

            #navbar {
                height: 40px;
                background-color: #622d22;
                width: 100%;
            }

            #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: #251910;
                font-weight: 800;
                text-decoration: none;

            }

            #navbar li a:hover {
                color: #251910;
                text-decoration: underline;
            }
 #flex {
                display: flex;
            }

         
            aside {
                background-color: #bfad83;
                width: 200px;
                padding: 20px;
                font-size: smaller;
                z-index: 1;
            }

            main {
                background-color: #bfad83;
                flex: 1;
                padding: 20px;
                order: 2;
                z-index: 1;
            }

           
            #leftSidebar {
                order: 1;
            }

            #rightSidebar {
                order: 3;
            }

            footer {
                background-color: #622d22;
               
                width: 100%;
                height: 40px;
                padding: 10px;
                text-align: center;
            }
 h1, h2, h3, h4, h5, h6 {
color: #251910;
}

 h1, h2{
font-size: 25px;
text-align: center;
}

h3, h4 {
	font-size: 21px;
	text-align: center;
}

 p {
	color: #251910;
	font-size: 16px;
 }

 strong  {
 color: #251910;
}


          .box {
background-color: #737772;
border: 5px dotted #3e4d60;
padding: 10px;
 }

            /* CSS for extras */

            #topBar {
                width: 100%;
                height: 30px;
                padding: 10px;
                font-size: smaller;
            }

        
.sticker {
position: fixed; 
z-index: 3;
bottom: 0;
left: 0;
}

.sticker1 {
position: fixed; 
z-index: 3;
bottom: 0;
right: 0;
}

.sticker2 {
position: fixed; 
z-index: 3;
top: 0;
right: 0;
}

.sticker3 {
position: fixed; 
z-index: 3;
top: 0;
left: 0;
}

.decal1 {
position: absolute; 
z-index: -1;
bottom: 0;
left: 0;
}

.decal2 {
position: absolute; 
z-index: -1;
bottom: 0;
right: 0;
}

.decal3 {
position: absolute; 
z-index: -1;
top: 0;
right: 0;
}

.decal4 {
position: absolute; 
z-index: -1;
top: 0;
left: 0;
}