.jumbotron2 {

    background-image: url('../Image/Banner/Index.JPG');

    background-position: top 20% center;

    width: 100%;

    background-size: cover;

    color: rgb(0, 0, 0);

    padding: 150px 20px;

    border-radius: 0.5rem;

    opacity: 0.8;

}









.white {

    height: 400px;

    padding: 50px;

}







* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}







.custom-bg {

    margin: 30px;

    border-radius: 8px;

    /* Angoli arrotondati */

    padding: 20px;

    /* Padding interno */

}











.text {

    font-size: 24px;

    line-height: 1.7em;

    font-weight: 400;

    margin: 0 0 15px;

}







@import url('https://fonts.googleapis.com/css?family=Raleway:900&display=swap');





#container {

    /* Center the text in the viewport. */

    margin: auto;

    width: 100vw;

    height: 80pt;





    /* This filter is a lot of the magic, try commenting it out to see how the morphing works! */

    filter: url(#threshold) blur(0.6px);

}



/* Your average text styling */

#text1,

#text2 {

    position: absolute;

    width: 100%;

    color: #717573;

    display: inline-block;

    text-align: center;

    font-size: 50pt;





    user-select: none;

}