@charset "UTF-8";
@font-face {
  font-family: times_regular;
  src: url(times-regular.woff);
}
@font-face {
  font-family: times_italic;
  src: url(times-italic.woff);
}
@font-face {
  font-family: times_b16;
  src: url(times-b-16.woff);
}
@font-face {
  font-family: times_b24;
  src: url(times-b-24.woff);
}
@font-face {
  font-family: times_b32;
  src: url(times-b-32.woff);
}

body { 
  font-family: times_regular;
  /* margin: 1rem 0; */
  /* padding: 1rem 0; */
  /* background-color: #c0c0c0; */
  background-image: url(../img/bg.png);
  image-rendering: pixelated;
  cursor: url(http://www.rw-designer.com/icon-image/4475-32x32x8.png), not-allowed;
}
h2,big {
  font-family: times_b24;
}
b {
  font-family: times_b16;
}
h1 {
  font-family: times_b32;
}
i {
  font-family: times_italic;
}
a img {
  border: 2px solid;
}
input[type="text"], textarea {
  border: 2px inset;
  font-family: monospace;
}
input[type="submit"] {
  font-family: times_regular;
  background: #d4d0c8;
  border: 2px outset;
  padding: 4px 1rem;
} 
p {
  width: 80%;
}

div .planet{
  position: absolute;
}

.container{
  width: 150px;
  height: 10px;
  border: 2px solid #b2b2b2;
  border-radius: 7px;
  margin: 0 auto;
  padding: 2px 1px;
  overflow: hidden;
  font-size: 0;
}
.box{
  width: 9px;
  height: 100%;
  background: linear-gradient(to bottom, #2838c7 0%,#5979ef 17%,#869ef3 32%,#869ef3 45%,#5979ef 59%,#2838c7 100%);
  display: inline-block;
  margin-right: 2px;
  animation: loader 2s infinite;
  animation-timing-function: linear;
}

@keyframes loader{
  0%{
    transform: translate(-30px);
  }
  100%{
    transform: translate(150px);
  }
}