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

:root {
  --bg-custom: #0ebfed;
  --text-custom: #008eb3;
  --success-custom: #80ba00;
  --success-contrast-custom: #456302;
  --light-text-custom: #80809F;
  --contrast-custom: white;
  --light-custom: #DFDFFA;
  --player-bg-custom: #fcb514;
  --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;
        }