body {
    background-color: #393f4d;
}


*{ 
    margin: 0px;   
    padding: 0px;
    box-sizing: border-box;
}

nav{ 
    width:100%;
    background-color: #1d1e22 ;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}
nav ul{ 
    display: flex;
    justify-content: center;
    align-items: center;
}
nav ul li{ 
    list-style: none;
    padding: 0px 5px;
}
nav ul li a{ 
    color: #d4d4dc ;
    font-size: 15px;

}

h1{ 
    font-family: 'IBM Plex Sans', sans-serif;
    padding-top: 3%;
    padding-left: 3%;
}

#about { 
    font-family: 'IBM Plex Sans', sans-serif;
    text-align: center;
    padding-top: 3%;
    padding-left: 3%;
    padding-right: 3%;
    color: #d4d4dc;
}

#header {
  font-family: 'Open Sans', sans-serif;
  font-size: 70px;
  text-align: center;
  padding-bottom: 3%;
  color: #d4d4dc;
}


#header2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 40px;
  text-align: center;
  padding-bottom: 3%;
  color: #d4d4dc;
}


.navbar {
    background-color: #0000ff;
    padding: 15px;
    color: white;
    margin-bottom: 20px;
  }

  .button {
    background-color: #0000ff;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
  }

  .button:hover {
    background-color: #000099;
  }

  #result {
    background-color: #393f4d;
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
    color: #d4d4dc;
  }

  pre {
    white-space: pre-wrap;
    word-wrap: break-word;
  }

  .feedback-form,
  .search-form {
    margin-bottom: 20px;
  }

  #subway-info {
   background-color: #393f4d ;
   color: #d4d4dc;
    padding: 20px;
    border: 1px solid #ddd;  
    font-family: 'Open Sans', sans-serif;

}

#centeredImage {
  display: block;
  margin: 0 auto;
}

.footer {
  color: #d4d4dc;
  text-align: center;

}

.link {
  color: #d4d4dc;

}

.link:visited {
  color: #d4d4dc;

}