:root {
    --lecce-blu: #032C5D;
    --lecce-giallo: #FEDD03;
    --lecce-rosso: #DA1412;
    --lecce-oro: #CA9E67;
}

html {
  scroll-behavior: smooth;
}

body {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: var(--lecce-blu);
}

.arrow-bounce {
  display: inline-block;
  animation: arrow-bounce 1s infinite cubic-bezier(.68,-0.55,.27,1.55);
}

.arrow-bounce:hover {
  animation-play-state: paused;
}

@keyframes arrow-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
}

.sticky-col {
  position: sticky;
  left: 0;
  z-index: 10;
  background-color: white;
  box-shadow: 0 1px 0 0 #e5e7eb;
}

.card {
  transition: all .4s ease-in-out;
}

.card:hover {
  transform: scale(1.1);
}