.certificate-notice-msg {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #ececec;
  p {
    width: 60%;
    height: auto;
    padding: 2rem;
    border: solid 1px rgb(192, 192, 192);
    border-radius: 3px;
  }
}
.certificates-wrapper {
  background-color: #0c1618;
  padding: 20px;

  .certificates-container {
    display: flex;
    justify-content: center;
    border-radius: 8px;

    .all-certificates {
      display: grid;
      gap: 10px;
      margin: 100px 50px;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));

      img {
        width: 100%;
        height: auto;
        border-radius: 8px;
      }
    }
  }
}

/*NAVIGATION BAR */
.navigation-wrapper {
  background-color: #fae6e6;
  display: flex;
  justify-content: center;
  padding: 20px;
  box-shadow: 0 2px 6px rgba(13, 13, 13, 0.9);

  .nav-links-wrapper {
    width: 100%;

    .link-wrapper {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 20px;
      align-items: center;
      justify-items: center;

      .nav-link {
        text-align: center;
        width: fit-content;

        a {
          display: block;
          padding: 6px 20px;
          text-decoration: none;
          color: black;
          transition: background-color 0.8s;
        }
      }
    }
  }
}

.nav-link a.active {
  background-color: #f2f2f2;
  color: #3e7cb1;
  border: black;
  border-radius: 8px;
}

.nav-link a:hover {
  background-color: #f2f2f2;
  border-radius: 8px;
}

.nave-link a:visited {
  color: #3e7cb1;
}