#cicerone {
    width: 80px;
    height: 80px;
    /* background-color: #155ebe; */
    /* border-radius: 50%; */
    margin-left: 0;
    text-align: center;
    cursor: pointer;
    /* transition: height .3s ease-in-out,
                width .3s ease-in-out,
                border-radius .3s ease-in-out,
                margin .3s ease-in-out; */
  }

  .cicerone-animazione{
    margin: 0px;
    width: inherit;
  }


  .cicerone-content.visible {
    opacity: 1;
  }

.cicerone-content {
    position: relative;
    border-radius: 10px;
    width: 340px;
    height: fit-content;
    min-height: 150px;
    padding: 5px;
    color: black;
    background-color: #fff;
    opacity: 0;
    /* text-align: center; */
    pointer-events: none;
    transition: opacity .2s ease-in-out;
  }


.cicerone-content .fumetto-dialogo{
    position: absolute;
    /* background-color: rgb(197, 84, 84); */
    z-index: -1;
    transform: rotate(-40deg);
    /* width: 100px;
    height: 50px; */
}

.cicerone-lampadina{
  position: absolute;
  /* background-color: rgb(197, 84, 84); */
  z-index: -1;
  /* transform: rotate(-40deg); */
  width: 30px;
  height: 30px;
  top: -25px;
  left:20px;
}

  .cicerone-content p {
    margin: 0px 0;
    padding: 5px 10px 5px 10px;
    color: #2d2d2d;
    font-size: medium;
    text-align: left;
    /* margin-top: -20px; */
    opacity: 1;
    /* transition: margin .01s ease-in-out,
                opacity .01s ease-in-out; */
  }