style.scss

// Custom.scss
// Option B: Include parts of Bootstrap

// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
@import '../node_modules/bootstrap/scss/functions';

// 2. Include any default variable overrides here

// 3. Include remainder of required Bootstrap stylesheets (including any separate color mode stylesheets)
@import '~/bootstrap/scss/variables';
@import '~/bootstrap/scss/variables-dark';

// 4. Include any default map overrides here

// 5. Include remainder of required parts
@import '~/bootstrap/scss/maps';
@import '~/bootstrap/scss/mixins';
@import '~/bootstrap/scss/root';

// 6. Optionally include any other parts as needed
@import '~/bootstrap/scss/utilities';
@import '~/bootstrap/scss/reboot';
@import '~/bootstrap/scss/type';
@import '~/bootstrap/scss/images';
@import '~/bootstrap/scss/containers';
@import '~/bootstrap/scss/grid';
@import '~/bootstrap/scss/helpers';
//
@import '~/bootstrap/scss/alert';
@import '~/bootstrap/scss/buttons';
@import '~/bootstrap/scss/badge';
@import '~/bootstrap/scss/card';
@import '~/bootstrap/scss/dropdown';
@import '~/bootstrap/scss/forms';
@import '~/bootstrap/scss/nav';
@import '~/bootstrap/scss/navbar';
@import '~/bootstrap/scss/progress';
@import '~/bootstrap/scss/tooltip';

// 7. Optionally include utilities API last to generate classes based on the Sass map in `_utilities.scss`
@import '~/bootstrap/scss/utilities/api';

// 8. Add additional custom code here
@import '~/bootstrap-icons/font/bootstrap-icons.css';
@import '~/dseg/css/dseg.css';

.percentage {
  font-family: 'DSEG14-Modern', Monospace;
}

.Clock-Wrapper {
  font-family: 'DSEG14-Modern', Monospace;
  font-style: italic;
  position: relative;
  height: 2rem;
}

.Clock-Time-Front {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  color: var(--bs-secondary-color) !important;
}

.Clock-Time-Background {
  z-index: 50;
  position: absolute;
  top: 0;
  left: 0;
  color: var(--bs-secondary-bg) !important;
}

iframe {
  width: 100%;
  min-height: 800px;
  border: thin;
}