li {
    margin: 10px;
    background: rgb(60, 59, 59);
    border-radius: 5px;
    padding: 10px;
    list-style-type: none;
}

h3 {
    padding: 0;
    margin-bottom: 0;
    margin-left: 5px;
}

a {
    text-decoration: none;
    color: whitesmoke;
}

nav {
  margin-left: 13px;
  margin-right: 10px;
  margin-bottom: 15px;
}

input {
  border-radius: 5px;
}

#lista {
    padding-left: 0%;
    overflow-y: scroll;
    height: 80vh;
}

.lista {
    height: 80vh;
}

.hidden { 
  display: none;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

.fab-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    user-select: none;
    position: absolute;
    bottom: 2%;
    right: 3%;
  }
.fab-container:hover {
  height: 100%;
}
.fab-container:hover .sub-button:nth-child(2) {
  transform: translateY(-80px);
}
.fab-container:hover .sub-button:nth-child(3) {
  transform: translateY(-140px);
}
.fab-container:hover .sub-button:nth-child(4) {
  transform: translateY(-200px);
}
.fab-container:hover .sub-button:nth-child(5) {
  transform: translateY(-260px);
}
.fab-container:hover .sub-button:nth-child(6) {
  transform: translateY(-320px);
}
.fab-container .fab {
  position: relative;
  height: 50px;
  width: 140px;
  background-color: rgb(74, 148, 90);
  border-radius: 10px;
  z-index: 2;
}

.fab-container .fab .fab-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.fab-container .fab .fab-content {
  color: whitesmoke;
  font-size: 48px;
}
.fab-container .sub-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0px;
  right: 10px;
  height: 50px;
  width: 130px;
  background-color: rgb(74, 148, 90);
  border-radius: 10px;
  transition: all 0.3s ease;
}
.fab-container .sub-button:hover {
  cursor: pointer;
}
.fab-container .sub-button {
  color: white;
}

.form-group {
  margin: 5%;
}

#invia {
  background-color: rgb(74, 148, 90);
  margin-right: 5%;
  margin-top: 3%;
  float: right;
}

#titoloAdd {
  margin-left: 3%;
}