body {
  background-color:#383428;
}
.dcLink, .fdpLink, .airportsLink, .alphabetLink, .scheduleLink, .abbreviationsLink, .sbyLink {
  display: flex;
  color: rgba(255,255,255,1.8);
  text-decoration: none;
  text-shadow: 0 0 1px rgb(3,43,58);
  padding: .6em 1.5em;
  margin: 15px;
  background: #0E8BB8 linear-gradient(#0A5E7D, #0E8BB8);
  justify-content: center;
  box-shadow:
   0 15px 12px -12px rgb(0,0,0),
   0 -2px 0 -1px rgb(20,110,140),
   0 -4px 0 -2px rgb(18,108,138),
   0 -6px 0 -3px rgb(16,106,136),
   0 -8px 0 -4px rgb(14,104,134),
   0 -10px 0 -5px rgb(12,102,132),
   0 -12px 0 -6px rgb(10,100,130);
 /* display: flex;
  background-position:bottom;
  flex-direction: row;
    justify-content: center;
    color: #ffffff;
    background-color: crimson;
    padding: 8px 12px;
    margin: 10px;
    border: 2px solid crimson;
    border-bottom: 6px solid black;
    border-radius: 4px;
    text-decoration: none;*/
  }
  .dcLink:active, .fdpLink:active, .airportsLink:active, .alphabetLink:active, .scheduleLink:active{
    margin: 0 calc(2px + 6px) 2px 0;
    padding: calc(.8em - 2px) calc(1.2em - 6px - 2px);
    border-left: 2px solid rgb(150,150,150);
    border-right: 2px solid rgb(150,150,150);
    border-bottom: 2px solid rgb(230,230,230);
    background: rgb(44,160,202) linear-gradient(rgb(62,184,229), rgb(44,160,202));
    box-shadow: none;
    -webkit-transform: translate(6px, -6px);
    transform: translate(6px, -6px);
    justify-content: center;
  }