tropsCode/src/assets/styles/index.scss

@import 'animate.css';

@font-face {
  font-family: 'Saira-ExtraBold';
  src: url('../fonts/Saira-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Saira-BlackItalic';
  src: url('../fonts/Saira-BlackItalic.ttf') format('truetype');
}

:root {
  font-size: calc(100vw / 106);
}

body {
  margin: 0;
  background: radial-gradient(87% 87% at 9% -34%, #315f7e 0%, #0f1926 100%);
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

.sports {
  .el-loading-spinner {
    &::before {
      content: '';
      width: 120px;
      height: 120px;
      display: block;
      margin: 0 auto;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
    }
    .circular {
      display: none;
    }
  }
}

.basketballv1 {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/basketballv1.png');
    }
  }
}
.footballv1 {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/footballv1.png');
    }
  }
}
.heartbeat {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/heartbeat.png');
    }
  }
}
.jump {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/jump.png');
    }
  }
}
.jumpingjack {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/jumpingjack.png');
    }
  }
}
.jumprope {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/jumprope.png');
    }
  }
}

.longjump {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/longjump.png');
    }
  }
}

.pullup {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/pullup.png');
    }
  }
}

.run10x4 {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/run10x4.png');
    }
  }
}

.run15x4 {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/run15x4.png');
    }
  }
}

.run50 {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/run50.png');
    }
  }
}

.run50x8 {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/run50x8.png');
    }
  }
}

.run100 {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/run100.png');
    }
  }
}

.run200 {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/run200.png');
    }
  }
}

.run400 {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/run400.png');
    }
  }
}

.run800 {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/run800.png');
    }
  }
}

.run1000 {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/run1000.png');
    }
  }
}

.shotput {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/shotput.png');
    }
  }
}

.sidepullup {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/sidepullup.png');
    }
  }
}

.situp {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/situp.png');
    }
  }
}

.skiprope {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/skiprope.png');
    }
  }
}

.solidball {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/solidball.png');
    }
  }
}

.trijump {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/trijump.png');
    }
  }
}

.verticaljump {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/verticaljump.png');
    }
  }
}

.volleyball {
  .el-loading-spinner {
    &::before {
      background-image: url('static/images/train/volleyball.png');
    }
  }
}