@font-face {
    font-family: 'Fanfare';
    src: url('fanfareticker.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-family: 'Fanfare';
    font-weight: normal;
    font-style: normal;
    background-color:#040100;
    height:100%;
    overflow:hidden;
}

body {
    margin:0;
    padding:0;
    position:absolute;
    width:100%;
    height:100%;
}

.dot {
    height: 10px;
    width: 10px;
    background-color: #ff0000;
    border-radius: 50%;
    display: inline-block;
    font-size:2vh;
}

.outdot {
    height: 10px;
    width: 10px;
    background-color: #00ff00;
    border-radius: 50%;
    display: inline-block;
    font-size:2vh;
}

.timepos {
  width: 72vh;
  margin: 0 auto;
  position:relative;
  top:50%;
}

.clockinner {
  height: 18vh;
}

.clock {
  font-size: 24vh;
  position: absolute;
  top: -120%;
  width: 100%;
  text-align: center;
}

.seconds {
  font-size: 18vh;
  position: absolute;
  top: 20%;
  width: 100%;
  text-align: center;
}

#clock, #seconds {
  color:#ff0202;
}

#clockbg, #secondsbg {
  color:#250000;
}

/* line 33, ../sass/screen.scss */
.seconds-container {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin:0;
  list-style: none;
  top: 0;
  left: 0;
}
/* line 11, ../sass/screen.scss */
.seconds-container > * {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2vh;
  margin-left: -0.7vh;
  width: 0.6em;
  height: 0.6em;
}

/* line 42, ../sass/screen.scss */
.outside-container {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin:0;
  list-style: none;
  top: 0;
  left: 0;
}
/* line 11, ../sass/screen.scss */
.outside-container > * {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2vh;
  margin-left: -0.8vh;
  width: 0.6em;
  height: 0.6em;
}


/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(1) {
  transform: rotate(0deg) translate(38vh) rotate(0deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(2) {
  transform: rotate(6deg) translate(38vh) rotate(-6deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(3) {
  transform: rotate(12deg) translate(38vh) rotate(-12deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(4) {
  transform: rotate(18deg) translate(38vh) rotate(-18deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(5) {
  transform: rotate(24deg) translate(38vh) rotate(-24deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(6) {
  transform: rotate(30deg) translate(38vh) rotate(-30deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(7) {
  transform: rotate(36deg) translate(38vh) rotate(-36deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(8) {
  transform: rotate(42deg) translate(38vh) rotate(-42deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(9) {
  transform: rotate(48deg) translate(38vh) rotate(-48deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(10) {
  transform: rotate(54deg) translate(38vh) rotate(-54deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(11) {
  transform: rotate(60deg) translate(38vh) rotate(-60deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(12) {
  transform: rotate(66deg) translate(38vh) rotate(-66deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(13) {
  transform: rotate(72deg) translate(38vh) rotate(-72deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(14) {
  transform: rotate(78deg) translate(38vh) rotate(-78deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(15) {
  transform: rotate(84deg) translate(38vh) rotate(-84deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(16) {
  transform: rotate(90deg) translate(38vh) rotate(-90deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(17) {
  transform: rotate(96deg) translate(38vh) rotate(-96deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(18) {
  transform: rotate(102deg) translate(38vh) rotate(-102deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(19) {
  transform: rotate(108deg) translate(38vh) rotate(-108deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(20) {
  transform: rotate(114deg) translate(38vh) rotate(-114deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(21) {
  transform: rotate(120deg) translate(38vh) rotate(-120deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(22) {
  transform: rotate(126deg) translate(38vh) rotate(-126deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(23) {
  transform: rotate(132deg) translate(38vh) rotate(-132deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(24) {
  transform: rotate(138deg) translate(38vh) rotate(-138deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(25) {
  transform: rotate(144deg) translate(38vh) rotate(-144deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(26) {
  transform: rotate(150deg) translate(38vh) rotate(-150deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(27) {
  transform: rotate(156deg) translate(38vh) rotate(-156deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(28) {
  transform: rotate(162deg) translate(38vh) rotate(-162deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(29) {
  transform: rotate(168deg) translate(38vh) rotate(-168deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(30) {
  transform: rotate(174deg) translate(38vh) rotate(-174deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(31) {
  transform: rotate(180deg) translate(38vh) rotate(-180deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(32) {
  transform: rotate(186deg) translate(38vh) rotate(-186deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(33) {
  transform: rotate(192deg) translate(38vh) rotate(-192deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(34) {
  transform: rotate(198deg) translate(38vh) rotate(-198deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(35) {
  transform: rotate(204deg) translate(38vh) rotate(-204deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(36) {
  transform: rotate(210deg) translate(38vh) rotate(-210deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(37) {
  transform: rotate(216deg) translate(38vh) rotate(-216deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(38) {
  transform: rotate(222deg) translate(38vh) rotate(-222deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(39) {
  transform: rotate(228deg) translate(38vh) rotate(-228deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(40) {
  transform: rotate(234deg) translate(38vh) rotate(-234deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(41) {
  transform: rotate(240deg) translate(38vh) rotate(-240deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(42) {
  transform: rotate(246deg) translate(38vh) rotate(-246deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(43) {
  transform: rotate(252deg) translate(38vh) rotate(-252deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(44) {
  transform: rotate(258deg) translate(38vh) rotate(-258deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(45) {
  transform: rotate(264deg) translate(38vh) rotate(-264deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(46) {
  transform: rotate(270deg) translate(38vh) rotate(-270deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(47) {
  transform: rotate(276deg) translate(38vh) rotate(-276deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(48) {
  transform: rotate(282deg) translate(38vh) rotate(-282deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(49) {
  transform: rotate(288deg) translate(38vh) rotate(-288deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(50) {
  transform: rotate(294deg) translate(38vh) rotate(-294deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(51) {
  transform: rotate(300deg) translate(38vh) rotate(-300deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(52) {
  transform: rotate(306deg) translate(38vh) rotate(-306deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(53) {
  transform: rotate(312deg) translate(38vh) rotate(-312deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(54) {
  transform: rotate(318deg) translate(38vh) rotate(-318deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(55) {
  transform: rotate(324deg) translate(38vh) rotate(-324deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(56) {
  transform: rotate(330deg) translate(38vh) rotate(-330deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(57) {
  transform: rotate(336deg) translate(38vh) rotate(-336deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(58) {
  transform: rotate(342deg) translate(38vh) rotate(-342deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(59) {
  transform: rotate(348deg) translate(38vh) rotate(-348deg);
}
/* line 24, ../sass/screen.scss */
.seconds-container > *:nth-of-type(60) {
  transform: rotate(354deg) translate(38vh) rotate(-354deg);
}

/* line 24, ../sass/screen.scss */
.outside-container > *:nth-of-type(1) {
  transform: rotate(0deg) translate(43vh) rotate(0deg);
}
/* line 24, ../sass/screen.scss */
.outside-container > *:nth-of-type(2) {
  transform: rotate(30deg) translate(43vh) rotate(-30deg);
}
/* line 24, ../sass/screen.scss */
.outside-container > *:nth-of-type(3) {
  transform: rotate(60deg) translate(43vh) rotate(-60deg);
}
/* line 24, ../sass/screen.scss */
.outside-container > *:nth-of-type(4) {
  transform: rotate(90deg) translate(43vh) rotate(-90deg);
}
/* line 24, ../sass/screen.scss */
.outside-container > *:nth-of-type(5) {
  transform: rotate(120deg) translate(43vh) rotate(-120deg);
}
/* line 24, ../sass/screen.scss */
.outside-container > *:nth-of-type(6) {
  transform: rotate(150deg) translate(43vh) rotate(-150deg);
}
/* line 24, ../sass/screen.scss */
.outside-container > *:nth-of-type(7) {
  transform: rotate(180deg) translate(43vh) rotate(-180deg);
}
/* line 24, ../sass/screen.scss */
.outside-container > *:nth-of-type(8) {
  transform: rotate(210deg) translate(43vh) rotate(-210deg);
}
/* line 24, ../sass/screen.scss */
.outside-container > *:nth-of-type(9) {
  transform: rotate(240deg) translate(43vh) rotate(-240deg);
}
/* line 24, ../sass/screen.scss */
.outside-container > *:nth-of-type(10) {
  transform: rotate(270deg) translate(43vh) rotate(-270deg);
}
/* line 24, ../sass/screen.scss */
.outside-container > *:nth-of-type(11) {
  transform: rotate(300deg) translate(43vh) rotate(-300deg);
}
/* line 24, ../sass/screen.scss */
.outside-container > *:nth-of-type(12) {
  transform: rotate(330deg) translate(43vh) rotate(-330deg);
}