@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;700&display=swap');

      :root {
        --bg-custom: #0000AB;
        --bg-corner: #0000AB;
        --text-custom: #0000AB;
        --title-color: #0000AB;
        --lang-color: #0000AB;
        --map-pin: #0000AB;
        --accessibility-icon: #0000AB;
        --accessibility-title: #0000AB;
        --success-custom: #D8F0BF;
        --success-contrast-custom: #475A33;
        --light-text-custom: #80809F;
        --contrast-custom: white;
        --light-custom: #DFDFFA;
        --player-bg-custom: #FFF82B;
        --player-icone-custom: #0000AB;

        --grey-custom: #F0F0F0;

        --dark-op: rgba(0, 0, 0, 0.8);
        --dark-op-2: rgba(0, 0, 0, 0.12);
        --dark-op-3: rgba(0, 0, 0, 0.08);

        --font-custom:'Red Hat Display', sans-serif;
      }

@keyframes spin {
            0% { transform: rotate(0deg); }
            100% {  transform: rotate(359deg); }
        }
        #star {
            animation: spin 2s linear infinite;
        }