body {
    background-color: red;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
/* footer */
a {
  font-size: 1.15rem;
}
header,
footer {
  border-top: 2px solid #3498db;
  background-color: #0b3c7a;
  color: white;
  text-align: center;
  padding: 1.25rem;
}
footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}
#ttechLink {
  color: white;
}
@media screen and (max-width: 820px) {
  .cards {
    justify-content: center;
  }
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
} /* Nav */
nav {
  display: flex; /* 1 */
  justify-content: space-between; /* 2 */
  padding: 1rem 2rem; /* 3 */
  background: #0b3c7a; /* 4 */
}
nav ul {
  display: flex; /* 5 */
  list-style: none; /* 6 */
}
nav li {
  padding-left: 1rem; /* 7! */
}
nav a {
  text-decoration: none;
  color: white;
}

h2 {
  color: white;
}

.card {
  width: 325px;
  height: 415px;
  perspective: 800px;
  border-style: none;
  background-color: #72162da4;
  position: relative;
}
.about {
  font-size: 15px;
}
a {
  text-decoration: none;
  color: white;
}