body{
    background-color:rgb(0, 0, 0);
}

.sfuocata {
    filter: blur(3px);
    width:100%;
  }
  
.bg-text {
    font-size: 35px;
    font-family: ariel;
    line-height: 35px;

    background-color: rgba(53, 49, 49); /* Fallback color */
    background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
    color: rgb(255, 249, 249);
    font-weight: bold;

    border-style: outset;
    border-left-style: dotted;
    border-right-style: dotted;
    
    position: absolute;
    top: 65%;
    left: 50%;
   transform: translate(-50%, -50%);
    z-index: 2;
    width: 97%;
    padding: 20px;
    text-align: center;
  }
 
.center-box{
    display:flex;
    justify-content: center;
}

.decorazione{
  border-radius: 50px;
  padding: 20px;
}




.lista{
    float: left;
    display: block;
    padding: 30px;
}

li {
    float: left;
    color:rgb(181, 13, 248);
    font-family: 'Segoe UI';
    font-size:x-large;
    border-right-style:solid;
    border-width: 1,5px;
  }

  li:last-child {
    border-right: none;
  }

  li a:link, a:visited {
    text-decoration:none;
    color: rgba(224, 20, 224, 0.849);
    }


li a:hover {
    color: rgb(255, 255, 255);
  }



.paragrafo{
  
    color:rgb(255, 255, 255);
    font-size: 1.5rem;
    text-align: justify;


    width: 1000x;
  
    padding-right: 60px;
    padding-left: 60px;
    word-break: keep-all;
    
    
}

.ritaglia{
  resize: both;
  overflow: auto;
}


div {
  width: 500px;
  height: 500px;
  transition: width 3s, height 1s;
}

div:hover {
  width: 1000px;
  height: 1000px;
}