/*
CTI-110-03W.2026SP
Create Your Own Website
"American Impressionists"
A small website meant to present basic information about American Impressionists and sample some of their work
This specific file is the stylesheet for the homepage
Author: Tyler Meade
Date (of last edit): 3/30/2026
Filename: hp-styles.css
*/

/* this is formatting for the nav bar, needs rework */
ul {
   list-style-type: none;
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
}

ul li {
   float: left; /* setting this to anything other than "left" causes issues */
}


ul li a {
   display: block;
   color: black;
   text-align: center;
   margin: 0 auto;
   padding: 20px 75px;
   width: 99%; /* need to find a better way to get a fullscreen width, it'll treat 100% as nothing */
}
/* finished with the nav bar formatting */

header {
   display: block;
   margin: auto;
   position: relative;
   width: 75%;
   text-align: center;
   background-color: #f3f1e5;
}

main {
   margin: auto;
   position: relative;
   width: 25%;
   text-align: center;
}

aside {
    position: right;
    text-align: center;
    border: 2px solid black;
    border-radius: 10px;
    box-shadow: 2px 2px 10px 5px black;
}

footer {
   display: block;
   margin: auto;
   position: relative;
   width: 75%;
   text-align: center;
}
    
body {
    background-color: #a08e82;
}

h1, h2, p, a {
    color: black;
    font-family: "Times New Roman";
    text-decoration: none;
}

img {
    display: block;
    width: 400px;
    height: 200px;
}