* {
  box-sizing: border-box;
}

body {
  background-color: #3b4ad4;
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
}

header {
  background-color: #10e21bcc;
  font-weight: bold;
  font-size: 32px;
  padding: 2px;
  text-align: center;
}

.bv_Text2 {
  font-weight: bold;
  font-size: 32px;
}


.navbar {
background-color: #3213e7;
overflow: hidden;
}

.navbar .menu {
list-style-type: none;
margin: 0;
padding: 0;
}
.navbar .menu li {
display: inline-block;
}

.navbar .menu li a {
display: block;
color: rgb(131, 214, 22);
text-align: center;
padding: 14px 20px;
text-decoration: none;
}
.navbar .menu li a:hover {
background-color: #344694;
}

a {
font-size: 26px;
}

.hamburger {
display: none;
font-size: 30px;
color: rgb(134, 168, 38);
padding: 14px 20px;
cursor: pointer;
}

#menu-toggle {
display: none;
}

@media screen and (max-width: 600px) {
.navbar .menu {
display: none;
width: 100%;
}
.navbar .menu li {
display: block;
text-align: left;
}

#menu-toggle:checked + .hamburger + .menu {
display: block;
}
.hamburger {
display: block;
}
}

.image-container {
  width: 350px;
  height: 300px;
  margin-bottom: 25px;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

/* Stile CSS */
.whatsapp-button {
  position: fixed; /* Fisso nella schermata */
  TOP:   128px;    /* Distanza dal basso */
  right: 40px;     /* Distanza da destra */
  z-index: 9999;   /* Sopra gli altri elementi */
  background-color: #20964d; /* Verde WhatsApp */
  color: #fff;             /* Colore icona/testo */
  padding: 15px;           /* Spazio interno */
  border-radius: 50%;      /* Rende il pulsante circolare */
  box-shadow: 0 0 15px rgba(0,0,0,0.3); /* Ombra morbida */
  text-decoration: none;   /* Rimuove sottolineatura link */
  display: flex;           /* Allinea icona */
  align-items: center;
  justify-content: center;
  font-size: 43px;         /* Dimensione icona */
  transition: transform 0.3s ease; /* Effetto hover */
}

.whatsapp-button:hover {
  transform: scale(1.1); /* Zoom leggero al passaggio del mouse */
}

/* Stile per l'icona (se usi Font Awesome) */
/*.whatsapp-button i {*/
  /* Stili specifici per l'icona se necessario */
/*}*/

div.flex-container {
  display: flex;
  flex-direction: row;
}

div.flex-container > div {
  margin: 10px;
}

/* Use media query and show the flex items vertically if screen width is less than 600px */
@media screen and (max-width:600px) {
  div.flex-container {
    flex-direction: column;
  }
}

h1, h2, p {
    text-align: center;
}