

            body {
                font-family:  times new roman;
                margin: 0;
                background-color: #8b7e66;
                background-image: url('');
            }

            * {
                box-sizing: border-box;
            }

       

            
            #container {
                max-width: 1200px;
                margin: 0 auto;
                
            }

            p{
				color:#272016;
			}
			
			
          a {
                color: #453824;
                font-weight: bold;
            }


		 td {
				border: 1px solid;
			 	border-top-color: #d4dbd0;
			 	border-left-color: #d4dbd0;
			 	border-bottom-color: #3d453d;
			 	border-right-color: #3d453d;
				padding: 10px;
				background-color: #8c9488;
				box-shadow: 2px 2px 0px #3d453d;
			    color: #000000;
			    max-width: 600px;
		}

            #header {
                width: 100%;
                background-color: #5e4e8c;
                /* header color here! */
                height: 150px;
                /* this is only for a background image! */
                /* if you want to put images IN the header, 
      you can add them directly to the <div id="header"></div> element! */
                background-image: var(--header-image);
                background-size: 100%;
            }

			

          

            #flex {
                display: flex;
            }

            /* this colors BOTH sidebars
    if you want to style them separately,
    create styles for #leftSidebar and #rightSidebar */
            aside {
                background-color: #b6b1ab;
				order: 1;
				border-left: solid 1px #ebe5dd;
				border-top: solid 1px #ebe5dd;
				border-bottom: solid 1px #453f33;
                width: 300px;
				height:620px;
                padding: 20px;
                font-size: smaller;
				box-shadow: 2px 2px 0px #453f33;
				
                
            }


            /* this is the color of the main content area,
    between the sidebars! */
            main {
                background-color: #d4cfc7;
                flex: 1;
				width: 900px;
                padding: 20px;
                order: 2;
				border-top: solid 2px #453f33;
				border-left: solid 2px #453f33;
				border-bottom: solid 1px #f5efe6;
				border-right: solid 1px #f5efe6;
            }

           

           


            footer {
                background-color: #13092D;
                /* background color for footer */
                width: 100%;
                height: 40px;
                padding: 10px;
                text-align: center;
                /* this centers the footer text */
            }

            h1,
            h2,
            h3 {
                color: #6c7567;
            }

            h1 {
                font-size: 25px;
            }

      
