@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/open-sans-300.eot');
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('./fonts/open-sans-300.eot?#iefix') format('embedded-opentype'),
       url('./fonts/open-sans-300.woff2') format('woff2'),
       url('./fonts/open-sans-300.woff') format('woff'),
       url('./fonts/open-sans-300.ttf') format('truetype'),
       url('./fonts/open-sans-300.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/open-sans-300italic.eot');
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),
       url('./fonts/open-sans-300italic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/open-sans-300italic.woff2') format('woff2'),
       url('./fonts/open-sans-300italic.woff') format('woff'),
       url('./fonts/open-sans-300italic.ttf') format('truetype'),
       url('./fonts/open-sans-300italic.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/open-sans-italic.eot');
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('./fonts/open-sans-italic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/open-sans-italic.woff2') format('woff2'),
       url('./fonts/open-sans-italic.woff') format('woff'),
       url('./fonts/open-sans-italic.ttf') format('truetype'),
       url('./fonts/open-sans-italic.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/open-sans-600.eot');
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
       url('./fonts/open-sans-600.eot?#iefix') format('embedded-opentype'),
       url('./fonts/open-sans-600.woff2') format('woff2'),
       url('./fonts/open-sans-600.woff') format('woff'),
       url('./fonts/open-sans-600.ttf') format('truetype'),
       url('./fonts/open-sans-600.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/open-sans-600italic.eot');
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'),
       url('./fonts/open-sans-600italic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/open-sans-600italic.woff2') format('woff2'),
       url('./fonts/open-sans-600italic.woff') format('woff'),
       url('./fonts/open-sans-600italic.ttf') format('truetype'),
       url('./fonts/open-sans-600italic.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/open-sans-700.eot');
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('./fonts/open-sans-700.eot?#iefix') format('embedded-opentype'),
       url('./fonts/open-sans-700.woff2') format('woff2'),
       url('./fonts/open-sans-700.woff') format('woff'),
       url('./fonts/open-sans-700.ttf') format('truetype'),
       url('./fonts/open-sans-700.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/open-sans-700italic.eot');
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('./fonts/open-sans-700italic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/open-sans-700italic.woff2') format('woff2'),
       url('./fonts/open-sans-700italic.woff') format('woff'),
       url('./fonts/open-sans-700italic.ttf') format('truetype'),
       url('./fonts/open-sans-700italic.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/open-sans-800.eot');
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'),
       url('./fonts/open-sans-800.eot?#iefix') format('embedded-opentype'),
       url('./fonts/open-sans-800.woff2') format('woff2'),
       url('./fonts/open-sans-800.woff') format('woff'),
       url('./fonts/open-sans-800.ttf') format('truetype'),
       url('./fonts/open-sans-800.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('./fonts/open-sans-800italic.eot');
  src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'),
       url('./fonts/open-sans-800italic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/open-sans-800italic.woff2') format('woff2'),
       url('./fonts/open-sans-800italic.woff') format('woff'),
       url('./fonts/open-sans-800italic.ttf') format('truetype'),
       url('./fonts/open-sans-800italic.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-regular.eot');
  src: local('Open Sans'), local('OpenSans'),
       url('./fonts/open-sans-regular.eot?#iefix') format('embedded-opentype'),
       url('./fonts/open-sans-regular.woff2') format('woff2'),
       url('./fonts/open-sans-regular.woff') format('woff'),
       url('./fonts/open-sans-regular.ttf') format('truetype'),
       url('./fonts/open-sans-regular.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'icons';
  src: url('./fonts/icons.eot?20513807');
  src: url('./fonts/icons.eot?20513807#iefix') format('embedded-opentype'),
       url('./fonts/icons.woff2?20513807') format('woff2'),
       url('./fonts/icons.woff?20513807') format('woff'),
       url('./fonts/icons.ttf?20513807') format('truetype'),
       url('./fonts/icons.svg?20513807#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]::before,
[class*=" icon-"]::before {
  display: inline-block;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  width: 1rem;
}

.icon-hourglass-0::before {
  content: 'A';
}
.icon-hourglass-1::before {
  content: 'B';
}
.icon-hourglass-2::before {
  content: 'C';
}
.icon-hourglass-3::before {
  content: 'D';
}
.icon-tick::before {
  content: 'E';
}
.icon-cross::before {
  content: 'F';
}
.icon-check::before {
  content: 'G';
}
.icon-uncheck::before {
  content: 'H';
}
.icon-info::before {
  content: 'I';
}
.icon-warning::before {
  content: 'J';
}
.icon-failure::before {
  content: 'K';
}
.icon-help::before {
  content: 'L';
}
.icon-menu::before {
  content: 'M';
}
.icon-more::before {
  content: 'N';
}
.icon-plus::before {
  content: 'O';
}
.icon-minus::before {
  content: 'P';
}
.icon-edit::before {
  content: 'Q';
}
.icon-remove::before {
  content: 'R';
}
.icon-save::before {
  content: 'S';
}
.icon-settings::before {
  content: 'T';
}
.icon-map:before {
  content: 'U';
}

@keyframes sandglass {
    0% {
    content: 'B';
  }
   60% {
    content: 'C';
  }
   80% {
    content: 'D';
    transform: rotate(0deg);
  }
  100% {
    content: 'D';
    transform: rotate(180deg);
  }
}