/*html, body {
  overflow-x: hidden;
}
*/
/* Lists */
ul {
  margin: 0;
  padding: 0;
}

/* Container */
#container {
  position: relative;
  padding: 20px 40px;
  padding-top: 80px;
  font-size:11px;
  margin: 0 auto;
  
}

.menu-btn {
  width: 80px;
  padding: 0px;
  margin-bottom: 30px;
  background: #00b4ff;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 0;
}
.menu-btn:hover {
  opacity: 0.6;
    color: #FFF;
}
/* Header */
.site-header {
  position: fixed;
  background: #367c2b;
  color: #f4f4f4;
  width: 100%;
  /*padding: 20px 0;
  text-align: center;*/
  z-index: 9998;
  font-size:20px;
}

/* Footer */
.site-footer {
  position: relative;
  border-top: 1px solid #EEE;
  color: #999;
  padding: 10px;
  font-size: 0.8em;
  text-align: center;
}

.error-message {
    background-color: #fce4e4; /* Rosso chiaro per lo sfondo */
    color: #cc0000; /* Rosso scuro per il testo */
    border: 1px solid #cc0000;
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 20px; /* Spazio sotto il messaggio */
    font-size: 14px;
    text-align: center;
}

.error-message a {
    color: #cc0000; /* Colore link coeerente */
    text-decoration: underline;
    font-weight: bold;
}

.error-message a:hover {
    color: #990000; /* Tono più scuro al passaggio del mouse */
}
/*# sourceMappingURL=demo.css.map */