.stripeBG {
  background: repeating-linear-gradient(45deg, #990000, #990000 10px, transparent 10px, transparent 20px); }

html, body {
  font-size: 10px;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh; }

p {
  margin: 0;
  padding: 0; }

div.everything {
  width: 100%;
  height: 100vh;
  position: relative;
  font-family: 'Source Code Pro', monospace;
  color: #eeeeee;
  background-color: #000000;
  overflow: hidden; }
  div.everything a {
    color: #eeeeee; }

div.everything.theme--red {
  color: #ee0000; }
  div.everything.theme--red a {
    color: #ee0000; }
  div.everything.theme--red div.top-nav {
    background-color: #340000; }
    div.everything.theme--red div.top-nav div.item {
      -webkit-box-shadow: inset 0px 0px 10px 3px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: inset 0px 0px 10px 3px rgba(0, 0, 0, 0.75);
      box-shadow: inset 0px 0px 10px 3px rgba(0, 0, 0, 0.75); }
  div.everything.theme--red div.apps {
    background-color: #340000; }
  div.everything.theme--red div.widget span.highlight {
    background-color: #ee0000;
    color: #000000;
    border: 1px solid rgba(255, 0, 0, 0.79); }
  div.everything.theme--red div.widget-periodCountDown--withSlider {
    -webkit-box-shadow: inset 0px 0px 4px 2px rgba(255, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 0px 4px 2px rgba(255, 0, 0, 0.5);
    box-shadow: inset 0px 0px 4px 2px rgba(255, 0, 0, 0.5); }
    div.everything.theme--red div.widget-periodCountDown--withSlider div.label {
      -webkit-box-shadow: inset 0px 0px 4px 2px rgba(255, 0, 0, 0.5);
      -moz-box-shadow: inset 0px 0px 4px 2px rgba(255, 0, 0, 0.5);
      box-shadow: inset 0px 0px 4px 2px rgba(255, 0, 0, 0.5); }
    div.everything.theme--red div.widget-periodCountDown--withSlider div.slider .lineBG {
      background-color: #340000; }
      div.everything.theme--red div.widget-periodCountDown--withSlider div.slider .lineBG .line {
        background-color: #990000; }
  div.everything.theme--red div.widget-technicalClock {
    -webkit-box-shadow: inset 0px 0px 4px 2px rgba(255, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 0px 4px 2px rgba(255, 0, 0, 0.5);
    box-shadow: inset 0px 0px 4px 2px rgba(255, 0, 0, 0.5); }
    div.everything.theme--red div.widget-technicalClock div.label {
      -webkit-box-shadow: inset 0px 0px 4px 2px rgba(255, 0, 0, 0.5);
      -moz-box-shadow: inset 0px 0px 4px 2px rgba(255, 0, 0, 0.5);
      box-shadow: inset 0px 0px 4px 2px rgba(255, 0, 0, 0.5); }

div.top-nav {
  position: absolute;
  width: 100%;
  top: 0;
  height: calc(100vh * 0.0625);
  background-color: #343434; }
  div.top-nav div.item {
    float: left;
    width: 25%;
    height: 100%;
    position: relative;
    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 10px 3px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 10px 3px rgba(0, 0, 0, 0.75); }
    div.top-nav div.item a {
      display: block;
      cursor: pointer;
      height: 100%;
      width: 100%;
      position: relative;
      text-decoration: none;
      font-size: 20px; }
      div.top-nav div.item a i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }

div.display {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: calc(100vh * 0.9375); }

div.settings, div.apps {
  -webkit-transition: left 0.25s, right 0.25s;
  /* Safari */
  -webkit-transition-timing-function: ease-in-out;
  transition: left 0.25s, right 0.25s;
  transition-timing-function: ease-in-out; }

div.settings {
  position: absolute;
  background-color: pink;
  width: 100%;
  bottom: 0;
  left: -101%;
  height: calc(100vh * 0.9375); }
  div.settings.show {
    left: 0%; }

div.apps {
  position: absolute;
  background-color: #343434;
  width: 100%;
  bottom: 0;
  right: -101%;
  height: calc(100vh * 0.9375); }
  div.apps.show {
    right: 0%; }

div.widget span.highlight {
  background-color: #eeeeee;
  color: #000000;
  border: 1px solid rgba(255, 255, 255, 0.5); }

div.widget-technicalClock {
  -webkit-box-shadow: inset 0px 0px 4px 2px rgba(255, 255, 255, 0.79);
  -moz-box-shadow: inset 0px 0px 4px 2px rgba(255, 255, 255, 0.79);
  box-shadow: inset 0px 0px 4px 2px rgba(255, 255, 255, 0.79); }
  div.widget-technicalClock div.label {
    -webkit-box-shadow: inset 0px 0px 4px 2px rgba(255, 255, 255, 0.79);
    -moz-box-shadow: inset 0px 0px 4px 2px rgba(255, 255, 255, 0.79);
    box-shadow: inset 0px 0px 4px 2px rgba(255, 255, 255, 0.79); }

div.widget-technicalClock {
  margin: 0;
  padding: 0;
  height: 33%;
  position: relative; }
  div.widget-technicalClock div.label, div.widget-technicalClock div.filedate, div.widget-technicalClock div.time, div.widget-technicalClock div.unixtime {
    position: relative; }
    div.widget-technicalClock div.label p, div.widget-technicalClock div.filedate p, div.widget-technicalClock div.time p, div.widget-technicalClock div.unixtime p {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
      padding: 0;
      white-space: nowrap; }
  div.widget-technicalClock div.label {
    height: 30%; }
    div.widget-technicalClock div.label p {
      font-size: 2em; }
  div.widget-technicalClock div.filedate {
    height: 20%; }
    div.widget-technicalClock div.filedate p {
      font-size: 2em; }
  div.widget-technicalClock div.time {
    height: 25%; }
    div.widget-technicalClock div.time p {
      font-size: 4em; }
  div.widget-technicalClock div.unixtime {
    height: 20%; }
    div.widget-technicalClock div.unixtime p {
      font-size: 2em; }

div.widget-periodCountDown--withSlider {
  -webkit-box-shadow: inset 0px 0px 4px 2px rgba(255, 255, 255, 0.79);
  -moz-box-shadow: inset 0px 0px 4px 2px rgba(255, 255, 255, 0.79);
  box-shadow: inset 0px 0px 4px 2px rgba(255, 255, 255, 0.79); }
  div.widget-periodCountDown--withSlider div.label {
    -webkit-box-shadow: inset 0px 0px 4px 2px rgba(255, 255, 255, 0.79);
    -moz-box-shadow: inset 0px 0px 4px 2px rgba(255, 255, 255, 0.79);
    box-shadow: inset 0px 0px 4px 2px rgba(255, 255, 255, 0.79); }
  div.widget-periodCountDown--withSlider div.slider .lineBG {
    background-color: #343434; }
    div.widget-periodCountDown--withSlider div.slider .lineBG .line {
      background-color: #999999; }

div.widget-periodCountDown--withSlider {
  margin: 0;
  padding: 0;
  height: 33%;
  position: relative; }
  div.widget-periodCountDown--withSlider div.label, div.widget-periodCountDown--withSlider div.time {
    position: relative; }
    div.widget-periodCountDown--withSlider div.label p, div.widget-periodCountDown--withSlider div.time p {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
      padding: 0;
      white-space: nowrap; }
  div.widget-periodCountDown--withSlider div.label {
    height: 30%; }
    div.widget-periodCountDown--withSlider div.label p {
      font-size: 1.6em; }
  div.widget-periodCountDown--withSlider div.time {
    height: 40%; }
    div.widget-periodCountDown--withSlider div.time p {
      font-size: 5.5em; }
  div.widget-periodCountDown--withSlider div.slider {
    height: 30%; }
    div.widget-periodCountDown--withSlider div.slider .lineBG {
      height: 6%;
      width: 80%;
      position: relative;
      top: 47%;
      left: 10%; }
      div.widget-periodCountDown--withSlider div.slider .lineBG .line {
        height: 100%;
        width: 50%;
        position: relative; }
        div.widget-periodCountDown--withSlider div.slider .lineBG .line i {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translate(50%, -50%);
          font-size: 20px; }

/*# sourceMappingURL=stylesheet.css.map */