.navbar,
.about-me {
  background-color: rgb(53, 53, 71);
  color: #ffffff;
  border-radius: 8px 8px 0 0;
}

.navbar-nav {
  flex-flow: row wrap;
  width: 100%;
}

body {
  background: url(../images/kilimanjaro2.jpg) no-repeat center center fixed;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 30px;
  text-align: center;
  background-color: rgb(53, 53, 71, 0.9);
  color: #ffffff;
  .footer-text {
    display: flex;
    height: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}

h1,
h2 {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.cardbackground {
  background-color: rgb(53, 53, 71);
}

.links {
  font-size: 16pt;
}

.card-text {
  color: black;
}

.info {
  background-color: #ffffff;
}

.container {
  max-width: 100%;
}

p.card-text {
  font-size: 100%;
}

.icons {
  color: black;
  font-size: 0.7em;
  font-weight: bold;
}

.entry {
  color: white;
  font-family: monospace;
}

.nav-link {
  font-size: 20pt;
}

#typewriter {
  color: #ffffff;
}

.card-body {
  min-height: 20em;
}

.description {
  font-size: 1em;
}

.name,
.about-me {
  color: #ffffff;
  text-shadow: 4px 4px 4px #000000;
  border-radius: 8px 8px 0 0;
}
.name:hover,
.entry:hover {
  color: rgb(233, 144, 10);
  text-decoration: none;
}

.img-links {
  width: 30px;
  height: 30px;
}

.link-group:hover,
.grow:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.nav-head {
  text-shadow: 4px 4px 4px #000000;
}

.btn:hover {
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24),
    0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.btn:active {
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.jumbotron {
  background-color: rgb(53, 53, 71, 0.8);
  border-radius: 8px;
}

.imgWithBorder {
  border: 1px solid black;
  border-radius: 6px;
  margin-right: 1rem;
  cursor: pointer;
  &:hover {
    transform: scale(1.05);
  }
}

.navigation {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;

  &.start {
    @media (min-width: 641px) {
      /* For mobile phones: */
      &.start {
        justify-content: flex-start;
      }
    }
  }
}
@media (min-width: 641px) {
  /* For mobile phones: */
  .navigation {
    justify-content: flex-end;
  }
}

.borderRadius {
  border-radius: 8px;
}

.card-header:first-child {
  border-radius: 8px 8px 0 0;
}

.row:last-child,
.borderRadius-bottom {
  border-radius: 0 0 8px 8px;
}

.links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  cursor: pointer;

  .link-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}