body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #1d1c1c;
    color: #CF8A4C;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  header {
    text-align: center;
    background-color: #000000;
    color:#ffffff;
  }
  
  section {
      background-color: #2c2c2c;
      height: 30%;
      width: 100%;
  
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
  }
  
  footer {
      background-color: #000000;
      color: #CF8A4C;
      justify-content: center;
  }
  .about-me {
      align-content: center;
    background-color: rgba(0, 0, 0, 0.8);
    height: 20%;
    width: 99%;
    margin: 0px 0 0px 0;
   border: solid black 5px;
   border-radius: 0px;
  }
  
  .logo {
    height: 75px;
    margin: 20px;
  }
  
  .logo:hover {
    background-color: #CF8A4C;
  }

  .button {
    border: 0;
    padding: 0 20px;
    font-size: 20px;
    color: rgb(255,255,255);
    line-height: 2.5;
    width: 250px;
    text-shadow: 1px 1px 1px #000;
    background-color: rgba(220, 0, 0, 1);
      box-shadow: inset 2px 2px 3px rgba(255,255,255,0.6),
      inset -2px -2px 3px rgba(0,0,0,0.6);
      border-radius: 10px;
  }
  
  .button:hover {
    background-color: rgba(255,0,0,1);
  }
  
  .button:active {
    box-shadow: inset -2px -2px 3px
    rgba(255,255,255,0.6);
  }
  
  a {
    text-decoration: none;
    color: white;
  }