body
{
    /* background-color:#F3A2A2 !important;
    background-image: url("./bg1.jpg") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important; */
    color: white !important;
    font-family: 'Mochiy Pop P One', sans-serif !important;
    font-family: 'Montserrat Alternates', sans-serif !important;
    
}
.menu a
{
    text-decoration: none !important;
    color: white !important;
}
.background-image {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 2;
  display: block;
  background-image: url('./bg1.jpg');
  background-size: cover !important;
  width: 100%;
  height: 1800px;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);

} 
.content {
  overflow: auto;
  position: relative;
  left: 0;
  right: 0;
  z-index: 9999;


}
.menu
{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: 80px;
    font-size: 50px;

    z-index: 9999;
}
.box-txt
{
    display: flex;
    justify-content: center;
    /* border:  1px solid black; */
    height: 100px;
    align-items: center;

    z-index: 9999;
}
.box-txt2
{
    display: flex;
    justify-content: center;
    /* border:  1px solid black; */
    height: 100px;
    align-items: center;

    z-index: 9999;
}
.seat1
{
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;

}
.seat12
{
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;

}
.posto
{
    width: 80px;
    height: 80px;
    background-color: black;
    opacity: 0.5;
    border: 2px solid green;
    border-radius: 100%;
}
.posto2
{
    width: 80px;
    height: 80px;
    background-color: black;
    opacity: 0.5;
    border: 2px solid red;
    border-radius: 100%;
}
.table1
{
  width: 100%;
  height: 160px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.table2
{
  width: 100%;
  height: 160px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.tavolo1
{
  width: 100%;
  height: 160px;
  border-radius: 80px;
  background-color: green;
  border: 2px solid black;
  opacity: 0.5;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.tavolo2
{
  width: 100%;
  height: 160px;
  border-radius: 80px;
  background-color: red;
  border: 2px solid black;
  opacity: 0.5;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.btn-table
{
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid black;
  width: 30%;
  height: 60px;
  border-radius: 25px;
  background-color: rgb(0, 233, 0);
}

.btn-table2
{
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid black;
  width: 30%;
  height: 60px;
  border-radius: 25px;
  background-color: rgb(143, 3, 3);
}