.div-punti{
  position:absolute; 
  background-color:#333; 
  padding-top:10px; 
  padding-bottom:20px; 
  z-index:5;
  border-radius:5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blur{
  filter: blur(10px);
}

@font-face {
  font-family: 'DM Serif Text';
  src: url('assets/fonts/DMSerifText-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Goldman Bold';
  src: url('assets/fonts/Goldman-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

.button-custom{
        background: linear-gradient(135deg, #2d3bb5ff, #46abefff, #8055f7ff, #6366f1)!important;
        background-size: 300% 300%;
        animation: gradientShift 6s ease infinite;
        color: #ffffff;
        border: none!important;
        padding: 0.6rem 1.2rem;
        border-radius: 6px;
        font-size: 1rem;
        font-weight: 500;
        cursor: pointer;
        transition: transform 0.2s ease;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    }

.button-custom:hover{
  background: linear-gradient(135deg, rgb(41, 55, 180), rgb(64, 169, 238), rgb(120, 75, 241), #585aee)!important;
}

.button-custom:focus{
  box-shadow:none;
}

.gradient-text {
    
    background: linear-gradient(90deg, #32B1FF, #CF5ED3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bolder;
    
  }