@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Stencil+Display:wght@475&family=Jura&display=swap');

/* *:focus {} */
.v8p-bg{background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);}

.bluerasp{background-image: linear-gradient(to right, #00b4db, #0083b0);border-radius: 3px;}
.redrasp{background-image: linear-gradient(to right, #bb3a3a, #e10e0e); border-radius: 3px;}

.punti{font-family: 'Big Shoulders Stencil Display', Arial, Helvetica, sans-serif;font-size: 5.5rem;color:whitesmoke;text-shadow:1px 2px darkgrey;}
.boxPunti{
    font-family: 'Jura', sans-serif;
    font-size: 1.7rem;
    color:whitesmoke;
    text-shadow:1px 1px whitesmoke;
    text-align: center;
}

.btn-grad {background-image: linear-gradient(to right, #5992b6, #5993af 51%, #647784);
   margin: 10px;
   padding: 11px 27px;
   text-align: center;
   text-transform: uppercase;
   background-size: 200% auto;
   color: white;            
   box-shadow: 0 0 20px #eee;
   border-radius: 5px;
 }

 .btn-grad:hover {
   background-position: right center; /* change the direction of the change here */
   color: #fff;
   text-decoration: none;
 }

 .errLogin{color:red; text-align: center;font-size: 90%;}
 .underInput{font-size:0.7rem;line-height: 0.7rem;}