body {
    background-color: rgb(213, 213, 121);;
    font-family: Georgia, "Times New Roman", serif;
    margin: 0;
}
.casa {
position: fixed;
bottom: 25px;
right: 25px;
width: 80px;
height: 80px;
border-radius: 50%;
background:rgb(0,100,0);
color:white;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
font-size: 50px;
transition: 0.3s;
z-index: 3;
}
.casa:hover {
background: orangered;
transform: scale(1.1);
}
h1 {
margin-top: 40px;
margin-left: 20%;
margin-right: 20%;
margin-bottom: 50px;
padding: 40px;
border-radius: 20px;
border-color: orangered;
border-style: solid;
text-align: center;
color: rgb(0,100,0);
background-color: white;
}
h2 {
margin-left: 35%;
margin-right: 35%;
margin-bottom: 10px;
padding: 40px;
border-radius: 20px;
border-color: orangered;
border-style: solid;
text-align: center;
color: rgb(0,100,0);
background-color: white;
}
.immaginiorizzontali {
    margin-left: 8%;
    margin-right: 8%;
    width: 84%;
    height: auto;
}
.immaginiverticali {
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
    height: auto;
}
.immaginisx {
    float: left;
    margin-left: 15%;
    margin-bottom: 10%;
    width: 30%;
    height: auto;
}
.immaginidx {
    float: right;
    margin-right: 15%;
    margin-bottom: 10%;
    width: 30%;
    height: auto;
}
.immaginicx {
    margin-left: 35%;
    margin-bottom: 10%;
    width: 30%;
    height: auto;
}
.immaginisx:hover, 
.immaginidx:hover, 
.immaginicx:hover {
    transform: scale(1.1);
    cursor: pointer;
}