*{margin:0;padding:0}body{box-sizing:border-box;font-family:Comfortaa,sans-serif;background-color:#f5f5f5;color:#125916;margin:2rem;overflow-x:hidden}nav{display:flex;flex-direction:row;justify-content:space-between;margin:2rem 0;align-items:baseline}h1{text-transform:uppercase;font-size:3rem}.title{display:flex;flex-direction:row;align-items:baseline;width:420px;justify-content:space-between}.title span{font-size:1rem;font-weight:700}.title img{height:90px}main{display:flex;flex-direction:column;justify-content:center}.slider{position:relative;width:fit-content}.slider p{position:absolute;top:0;transform:translateY(-50%);width:max-content;text-wrap:pretty;height:fit-content;text-align:center;opacity:0;font-size:.8rem;animation:slideAnimation 10s infinite}.slider p:nth-child(1){animation-delay:0s}.slider p:nth-child(2){animation-delay:5s}.slideshow{position:relative;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:2rem 0}.slideshow img{width:100%;height:500px;object-fit:cover;object-position:top}.slideshow p{position:absolute;top:20%;width:100%;text-wrap:pretty;height:fit-content;text-align:center;font-size:1.5rem;opacity:0;animation:slideAnimation 12s infinite}.slideshow p:nth-child(1){animation-delay:0s}.slideshow p:nth-child(2){animation-delay:4s}.slideshow p:nth-child(3){animation-delay:8s}@keyframes slideAnimation{0%{opacity:0}10%{opacity:1}30%{opacity:1}40%{opacity:0}to{opacity:0}}#mezziInfo{display:none;align-items:flex-start;justify-content:space-between}.flexrow{display:flex;flex-direction:row;align-items:center;text-align:center}.flexcol{display:flex;flex-direction:column;align-items:flex-start;text-align:center}.add{justify-content:flex-end}#mezziDisponibili{width:100%}#mezziDisponibili>p{font-weight:700;margin-bottom:1rem}.idBox{flex-wrap:wrap;width:fit-content}.table{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;gap:1rem;width:100%}.bg-colored{background-color:#f10a8b;color:#f5f5f5;padding:3px 5px;border-radius:3px}select{font-family:Comfortaa,sans-serif;cursor:pointer;width:fit-content;border:none;padding:3px 5px;background-color:#a5bda7;color:#125916;border-radius:1rem;font-size:1rem;margin-left:3px;z-index:1}select:active{outline:none}button{font-family:Comfortaa,sans-serif;background-color:transparent;border:none;cursor:pointer;padding:0 1rem;line-height:0}button img{width:1.2rem;height:1.2rem}p{font-size:1rem;line-height:1.5;margin:3px 0;width:fit-content}.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem;background-color:#f5f5f5;border:1px solid rgba(245,245,245,.5);box-shadow:0 0 10px #1e1e1e33;border-radius:1rem;z-index:1000}.close{cursor:pointer;float:right;width:1.2rem;height:1.2rem;margin-left:3rem}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#1e1e1e80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999}@media (max-width: 1024px){.add{flex-direction:row;height:auto;width:100%;justify-content:space-between;margin-left:1rem}}@media (max-width: 868px){.nav-menu{display:flex;flex-direction:column;align-items:flex-end;background-color:#a5bda7;position:absolute;top:100%;transform:translateY(0);right:0;width:max-content;padding:10px;border-radius:3px;opacity:0;pointer-events:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.nav-menu li{margin:10px 0}.hamburger{display:block}}@media (max-width: 640px){.slideshow p{top:5%;font-size:1.3rem}#mezziInfo{display:flex;flex-direction:column}.add{margin-left:0;margin-top:1rem}.title{flex-direction:column;align-items:flex-start}.title span{margin-left:3px;margin-top:1rem}.popup{width:70%}}@media (max-width: 480px){body{margin:0}nav{margin:2rem}.slideshow p{padding:0 1rem;width:auto}#mezziInfo{margin:0 2rem 2rem}.slider p{width:180px}}@media (max-width: 400px){nav{flex-direction:column;align-items:center}.nav-menu{align-items:center;top:100%;transform:translateY(0);right:50%;transform:translate(50%);width:max-content}.title{align-items:center;margin-bottom:2rem;width:100%}.add{flex-direction:column;height:100px;width:100%;margin-top:2rem}.rimuoviMezzoBtn{padding:0;padding-left:1rem}.idBox{flex-direction:column;align-items:flex-start}}form{display:none;flex-direction:column;background-color:#a5bda7;padding:1rem;border-radius:1rem;margin:2rem 0;width:400px}form input[type=text],form input[type=email]{background-color:#f5f5f580;border:none;padding:5px 10px;border-radius:1rem;width:100%;margin-left:3px;font-size:.8rem;font-family:Comfortaa,sans-serif;color:#125916;outline-style:none}form input[type=text]{text-transform:capitalize}form input[type=text]::placeholder,form input[type=email]::placeholder{color:#a5bda7}form input[type=number]{background-color:#f5f5f580;border:none;padding:5px 10px;outline-style:none}.box{background-color:#f5f5f580;padding:5px 10px;border-radius:1rem}.box legend,.box div,.form-container{margin:.5rem 0}.submitBtn,.prenotaBtn{cursor:pointer;border-radius:1rem;border:1px solid rgb(18,89,22);padding:5px 10px;line-height:1;font-family:Comfortaa,sans-serif;font-size:.8rem;color:#125916;width:fit-content}.submitBtn:hover,.submitBtn:active,.prenotaBtn:hover,.prenotaBtn:active{background-color:#125916;color:#f5f5f5}.status{color:#ea0c0c;font-size:.8rem;text-align:start}@media (max-width: 640px){form{width:auto}}@media (max-width: 480px){form{margin:2rem}}