.glass-effect {
  background: rgba(80,80,80,0.2);
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

#contact-button {
  background: rgba(191,77,173,0.2);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.5s;
}

#contact-button:hover {
  padding-left: 45px !important;
  padding-right: 45px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  box-shadow: 0px 0px 40px 0px #9e3784;
  transition: all 0.5s;
}

.project-button {
  background: rgba(64, 56, 112, 0.2);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.5s;
}

.project-button:hover {
  padding-left: 45px !important;
  padding-right: 45px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  box-shadow: 0px 0px 40px 0px rgba(255, 255, 255, 0.15) !important;
  transition: all 0.5s;
  background: rgba(64, 56, 112, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.card {
  background-color: #181825;
}

.div-custom-margin {
  margin-right: 10%;
  margin-left: 10%;
}

.herodiv-custom-margin {
  margin-left: 20%;
  margin-right: 30%;
}

/* Quando la larghezza dello schermo è minore di 768px (tipico per smartphone) */

@media (max-width: 768px) {
  .herodiv-custom-margin {
    margin-left: 20%;
    margin-right: 20%;
  }
}