/* 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: rgb(202, 226, 210);
  color: rgb(6, 40, 6);
  font-family: "Times New Roman", Times;
}

.nav-bar {
  list-style-type: none;
  display : flex;
  justify-content: space-around;
  padding: 0;
  margin: 0;
  box-shadow: 0 2px 4px rgb(93, 178, 145);
  background-color: rgb(45, 98, 46);
  color: White;
  min-height: 40px;
  max-height: 50px;
  align-items: center;
  border-radius: 15px;
}

a:active {
  color: purple;
}

.image-centering {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.inLineLink {
 color: rgb(45, 98, 46); 
}


hr {
  display: flex;
  height: 2px;
  background: rgb(45, 98, 46);
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px;
}

.padding { 
 padding-left: 20px; 
}

details {
  padding-left: 40px;
  padding-top: 10px;
}

table { 
  text-align: center;
  /*- border neads width, style, and color */
  border: 2px solid rgb(45, 98, 46);
  width: 80%;
  /*Centers Table*/
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

th, td {
  border: 2px solid rgb(45, 98, 46);
  text-align: center;
  border-collapse: collapse;
}

caption {
  caption-side: top;
  font-weight: bold;
  font-size: 1.2em;
  padding: 10px;
  border: 2px solid rgb(45, 98, 46);
  border-bottom: none;
}
  

/* This creates a space between the sub-lists that appear below the tag that I added it to, that way I did not have to call the class for each li tag betlow our initial ul tag*/
.resume-list > li {
  margin-bottom: 15px;
}

a {
  color: White;
}

.catPictures > img {
  width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}

.rickRoll {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}

summary {
  font-size: 18px;
  
}