body {
  background-image: url(../images/rock.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: repeat;
}

.badge {
  width: 260px;
  background-color: rgb(255, 255, 255);
  margin: 100px auto;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  color: rgb(40, 39, 39);
  padding: 15px 25px;
  border-radius: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0 2px 5px -1px,
    rgba(0, 0, 0, 0.3) 0 1px 3px -1px;
}

.badge img {
  width: 100px;
  border-radius: 50%;
  margin: 25px;
}

.badge a {
  color: rgb(210, 47, 47);
  margin: 10px;
  text-decoration: none;
}

.badge #email {
  color: rgb(40, 39, 39);
}

nav {
  background-color: transparent;
}
nav .tech-container img {
  height: 30px;
}

nav .nav-container {
  display: flex;
  justify-content: space-between;
}

nav h3 {
  color: rgb(255, 255, 255);
  letter-spacing: 2px;
  margin: 0 30px 0 0;
}

nav .logo {
  height: 30px;
  margin: 0 10px 0 0;
}

nav .menu-container,
.tech-container {
  display: flex;
  align-items: center;
  padding: 20px;
}

nav .nav-link {
  color: rgb(216, 218, 221);
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 6px;
}

nav .nav-link:hover {
  background-color: rgb(57, 67, 83);
}

nav .hamburger {
  display: none;
}

nav .hamburger-list-container .nav-link {
  display: block;
}

.hidden {
  display: none !important;
}

.hamburger-list-container {
  display: none;
}

@media (max-width: 1000px) {
  nav h3 {
    display: none;
  }
}

@media (max-width: 600px) {
  nav .hamburger {
    display: block;
    background-color: transparent;
    border: none;
    color: rgb(255, 255, 255);
    font-size: 20px;
  }
  .menu-container .nav-links {
    display: none;
  }
  .hamburger-list-container {
    display: block;
  }
}