/*
  The code below has been extracted from the following projects:
  - https://github.com/murtaugh/HTML5-Reset
  - http://meyerweb.com
  - http://html5doctor.com
  - http://html5boilerplate.com
  … and then cleaned up a lot.
*/

html,
body,
div {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  vertical-align: baseline;
  background: transparent;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
    background-color: #000;
    color: #DFDFDF;
    font-family: monospace;
    overflow: hidden;
}


.wrapper {
    width: 100vw;
    height: 100vh;
    line-height: 100vh;
    text-align: center;
    overflow: hidden;
}

.fullscreen-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    border: none;
    background-color: transparent;
    font-size: 40px;
    color: #DFDFDF;
}

.clock {
    font-size: 20vw;
    font-weight: bold;
    display: inline-block;
}

.wrapper:-moz-full-screen {
    cursor: none;
}
.wrapper:-webkit-full-screen {
    cursor: none;
}
.wrapper:fullscreen {
    cursor: none;
}
.wrapper:-moz-full-screen .clock {
    cursor: none;
}
.wrapper:-webkit-full-screen .clock {
    cursor: none;
}
.wrapper:fullscreen .clock {
    cursor: none;
}