#spinner {
  display: none;
}

.inside-project-card:hover {
  opacity: 1;

  transition: ease-in 0.4s;
}

.inside-project-card {
  opacity: 0;

  display: none;

  transition: 0.3s ease-in;

  z-index: 1;

  background-color: rgb(0, 0, 0, 0.7);

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 0;

  height: 100%;

  width: 100%;
}

.projects-cards a {
  text-decoration: none;

  position: relative;

  padding: 5px;
}

.project-card {
  z-index: 0;

  position: relative;
}

.projects-cards {
  display: flex;

  justify-content: center;

  align-content: center;

  margin: 0 auto;

  flex-wrap: wrap;

  max-width: 1630px;
}

.project-title {
  color: #e19502;
  font-size: 46px;
  font-family: OpenSansHebrewCondensedRegular;
  text-align: center;
  padding: 15px;
}

.categories {
  list-style-type: none;
}

.categories ul {
  margin: 0;

  padding: 0;
}

.categories a {
  text-decoration: none;

  color: #fff;

  margin: 15px;

  font-size: 24px;

  font-family: OpenSansHebrewCondensedRegular;
}

.categories a:hover {
  color: #e19502;
}

.projects-container {
  margin: 50px;
}

#page {
  background-color: #0b1b31;
}

.no-project-category {
  font-size: 24px;

  font-family: OpenSansHebrewCondensedRegular;
  color: #e19502;
}

@media screen and (max-width: 768px) {
  .projects-container {
    margin: 20px;
  }

  .inside-project-card {
    opacity: 1;
  }

  .categories {
    margin: 0;

    padding: 15px 0 15px 0;
  }
}