html {
  font-size: 62.5%; }

body {
  margin: 0;
  padding: 0; }

#wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  overflow: hidden;
  font-family: verdana; }
  #wrapper #container {
    border: 1px solid red; }
  #wrapper .svgLue {
    position: absolute;
    visibility: hidden;
    overflow: visible; }
  #wrapper .svgHair {
    position: absolute;
    visibility: hidden;
    overflow: visible; }
    #wrapper .svgHair .hairball {
      fill: #EEE; }
  #wrapper .svgFace {
    position: absolute;
    visibility: hidden;
    overflow: visible; }
    #wrapper .svgFace .face {
      fill: #F9DCB2; }
  #wrapper .svgEyes {
    position: absolute;
    visibility: hidden;
    overflow: visible; }
  #wrapper #sliderContainer {
    position: absolute;
    bottom: 7%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 80%; }
    #wrapper #sliderContainer #sliderActive {
      position: relative;
      border: 0;
      top: -3px;
      height: 3px;
      background-color: #222; }
    #wrapper #sliderContainer #slider {
      border: 0;
      height: 3px;
      background-color: #444; }
      #wrapper #sliderContainer #slider *:focus {
        outline: 0; }
      #wrapper #sliderContainer #slider .ui-corner-all {
        cursor: pointer;
        cursor: hand;
        border-radius: 20px; }
      #wrapper #sliderContainer #slider .ui-slider-handle {
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        top: -1.5rem;
        width: 3rem;
        height: 3rem; }
      #wrapper #sliderContainer #slider .ui-widget-content .ui-state-hover {
        border: 0; }

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