/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
body {
	background-color: #5A94A7;
}
ul {
 	list-style-type: none;
    margin: 0;
    padding: 0;
 } 
ul li a {
	display: flex;
    color: black;
    padding: 11
}

/* I don't know what this attribute below is or how it got here - it isn't how I'd do it from the w3schools tutorial. I'm keeping it as a note in case it's important so I can test it later, & setting the color to red so its effect will immediately be obvious. I'm doing my own link css below it that I hope will actually work and then I can delete whatever this is. ok actually im wondering if this is from the sadgrl navbar ??? */
/* ul li a.active {
	background-color: red;
} */

a:link {
 color:#003a57;
 background-color: transparent;
 text-decoration: underline;
}
a:visited {
 color:#003a57;
 background-color: transparent;
 text-decoration: underline;
}
a:active {
 color:#eaa043;
 background-color: transparent;
 text-decoration: underline;
}

.center {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
/* this attribute is used to make the main content (aside + article) & navbar the same width!*/
.abcd {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/*used for the listed items in the update log and the to-do list!*/
.update {
     margin: 10px;
     background-color: #BED9EB;
}

#navbar {
	height: 40px;
    background-color: #BED9EB;
    width: 99.5%;
}
  
#navbar ul {
	display: flex;
    justify-content: space-evenly;
}