@charset 'UTF-8';

html {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  background: #000000 url(include/frontend/lib/plugin/globe/loading.gif) center center no-repeat;
  color: #ffffff;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  height: 100%;
}

a { color: inherit; }

.globe {
  width: 100%;
  height: 100vh;
}

.clickable:hover {
	cursor: pointer;
}

#progressbar{
	display: none;
}

#footer {
    display: none;
}

#header {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: rgba(0,0,0,0.2);
  border-radius: 3px;
  padding: 10px;
  z-index: 99999;
}


@media only screen
  and (min-device-width: 768px)
  and (-webkit-min-device-pixel-ratio: 1) {


      #footer {
          display: block;
          position: absolute;
          bottom: 5px;
          background-color: rgba(0,0,0,0.8);
          border-radius: 3px;
          right: 10px;
          padding: 10px;
      }
}