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

      :root {
        --bg-custom: #003DF6;
        --text-custom: #000; /*main text color*/
        --success-custom: #D8F0BF; /* nothing */
        --success-contrast-custom: #FFF; /*  nothing */
        --light-text-custom: #80809F; /*track numpad selection indicator*/
        --contrast-custom: #FFF; /* nav menu icons */
        --light-custom: #d0e6fc; /* main lang select buttons bgnd*/
        --player-bg-custom: #FFF; /* d0e6fc  player btn bgnd*/
        --player-icone-custom: #0000AB; /* nothing*/ 

        --grey-custom: #d0e6fc; /* Track card band*/

        --dark-op: rgba(0, 0, 0, 0.8);
        --dark-op-2: rgba(0, 0, 0, 0.12);
        --dark-op-3: rgba(1, 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;
        }