/* Cascading stylesheet for the website */

/* Text inside these asterisks and slashes are comments for human */

  a {
    colo: blue;/* set the text color to blue here */
    text-decoration: none; /* This means we do not want hyperlinks to be underlined */
  }

  a:hover {
    color: red;/* set the text color to red here */
    text-decoration: none; /* This means we do not want hyperlinks to be underlined */
  }

  td img{
    float: left;
    width: 150px;
    height: 150px;
    margin-bottom: -4px;
    background: : #555;
  }

  .header h1{
    position: relative;
    top: 18px;
    left: 10px;
  }

  body {
    background-color: beige;
    color: black;/* set the background color here */
    /* set the text color to black here */
    font-family: Arial, Helvetica, sans-serif; /* set the font here */
    text-align: center;/* set the text alignment here */
    width: 1000px;
    margin-left: 5%;
    margin-right: 5%;
    margin:auto;
   }

  footer {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
  }
  .button {
  border: none;
  color: white;
  padding: 15px 60px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  background-color: #008CBA;
}
div.container{
  font-size: 25px;
}
  h1 {
    margin-bottom: 0.5rem;
    margin-top: 3rem;
   }

  h2 {
    color: #075AAB;
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;/* set both the bottom margin and top margin to 2.5rem here */
   }

  h3 {
    margin-bottom: 0;
    margin-top: 2rem;
  }

  h4 {
    margin-bottom: 1rem;
    margin-top: 0.5rem;
  }

  h5 {
    margin-top: 0.5rem;
  }

  hr {
    margin-bottom: 3rem;
    margin-top: 12rem;
  }

  /* this controls how the bullet points in the resume page looks */
  ul {
    display: table;
    margin-left: 50px;
    text-align: left;
  }