html {
    height: 100%;
    padding: 0;
    margin: 0;
  background: url(sfon.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

body {
    height: 100%;
    justify-content: center;
    overflow: hidden;  
}

.titolo {
    font-family: "cursive";
    font-size: 60pt;
    text-align: center;
    padding-top: 10%;
    padding-bottom: 100%;
    margin-left: 30%;
    margin-right:30% ;
    margin-top: -5%;
    color: #3273ac;
    text-shadow: -5px 0 black, 0 5px black, 5px 0 black, 0 -5px black;
}

.bottone{

    text-align: center;
    font-size: 40pt;
    padding-top: 1%;
    padding-bottom:1%;
    padding-left: 1%;
    padding-right: 1%;
    border-radius: 100px;
    margin-right: 39%;
    margin-left: 39%;
    margin-top: 30%;
    cursor: pointer;
    background-color: #ff0000;
    font-family: Brush Script MT, cursive, sans-serif;
    font-size: 80px;
}

a{
    text-decoration: none;
    color:#ffffff;
}

.pi{ 
    color: #ffffff;
    margin-right: 33%;
    background-color: #da7abf;
    opacity: 0.4%;
    font-size: 200px;
}

.bottone:hover {
    background-color: #a00404;
}

.bottone:active {
    background-color: #a00404;
}