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

:root {
  --bg-custom: #ba292f;
  --text-custom: #ba292f;
  --success-custom: #87b7d6;
  --success-contrast-custom: #306080;
  --light-text-custom: #80809F;
  --contrast-custom: white;
  --light-custom: #DFDFFA;
  --player-bg-custom: #87b7d6;
  --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;
        }