.mappa{width: 100%;height:600;max-width:600px}


html{
  scroll-behavior: smooth;
}


.rullino{width:600; height:100%; min-height: 733px;}

* {text-align: center;
  font-size: 30;
  font-family: Verdana;
}

body{background: linear-gradient(rgba(255,255,255,.0), rgba(255,255,255,.0)), url(".sito/foto/bg.jpg");
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin-left:auto;
  margin-right:auto;
  display: flex;
  justify-content: center;
  max-width: 1500px;
}

body.mobile{
  zoom: 1.0;
}
body.desktop{
  zoom:0.7;
}
  
table{border-collapse: separate; 
  border-spacing: 1em;
  color: white;
  width:100%;
}

a{
  color: white;
  font-weight: bold;
  text-shadow: 1px 1px 2px black;
}

pre,p{background:rgba(0,0,255,0.5);color: white;
  text-shadow: 1px 1px 2px black;
  border-radius: 25px;
  padding: 20px;
}

iframe{
   border-radius: 25px;
}

.wrap
{   padding: 0;
    overflow: hidden;
}

.framed{
    width: 635px;
    border: 0;

    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1);

    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}


.divtesto{font-size:35; font-family: 'Brush Script MT', cursive;  font-weight: bold;
  background:rgba(0,0,255,0.5);color: white;
  text-shadow: 1px 1px 2px black;
  border-radius: 25px;
  padding: 20px;

}

.revert{
  all:revert;
  color: white;
  text-shadow: 1px 1px 2px black;
}

.titolo{font-size: 100; font-family: 'Brush Script MT', cursive;
}

.sottotitolo{font-size:45; font-family: 'Brush Script MT', cursive;  font-weight: normal;
}

.titolotd{font-size: 100; font-family: 'Brush Script MT', cursive;
  background:rgba(0,0,255,0.5);
  color: white;
  text-shadow: 1px 1px 2px black;
  border-radius: 25px;
  padding: 20px;
}

#td {
  border: 1px solid black;
}

.container {
  display: flex;
  justify-content: center; 
  flex-wrap: wrap; /* Allows items to wrap to a new line */
  gap: 10px;
}

.container div {
  flex: 1 1 170px; /* grow | shrink | basis (minimum width) */
  font-size:45; font-family: 'Brush Script MT', cursive;  font-weight: normal;
  background:rgba(0,0,255,0.5);color: white;
  text-shadow: 1px 1px 2px black;
  border-radius: 25px;
  padding: 20px;
}

.menu{all:unset;display:block;max-width:80%;background:rgba(120,120,120,0.5);color: white;padding:5px;border-radius:20px;zoom:0.8; display: flex; justify-content: center; align-items:center;font-size:40px;}