html {
    background-color:black;
}

body {
  background-image:url('images/space.gif');
  background-repeat:repeat;
  background-size: 10%;
  color: white;
  height: 100%;
  width: 100%;
}

.content {
  max-width: 400px;
  margin: auto;
}

header {
    margin: auto;
    text-align:center;
}


section {
    margin-bottom:50px;
}

.words {
    margin:10px;
}

.smallboy {
  height: 25px;
  padding: 12px;
  margin: 10px 0;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: white;
  resize: none;
}
.bigboy {
  height: 50px;
  padding: 12px;
  margin: 10px 0;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: white;
  resize: none;
}








/*animation stuff*/


.move {
  
   -moz-animation: img 5s linear infinite alternate;
 -webkit-animation: img 5s linear infinite alternate;
 animation: img 5s linear infinite alternate;
}
/* Move it (define the animation) */
@-moz-keyframes img {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(0%); }
}
@-webkit-keyframes img {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(0%); }
}
@keyframes img {
 0%   { 
 -moz-transform: translateX(70%); /* Firefox bug fix */
 -webkit-transform: translateX(70%); /* Firefox bug fix */
 transform: translateX(70%); 		
 }
 100% { 
 -moz-transform: translateX(0%); /* Firefox bug fix */
 -webkit-transform: translateX(0%); /* Firefox bug fix */
 transform: translateX(0%); 
 }
  }
  
li {
  font-size: 20px;
}

.post-content {
    background-color: red;
}

.post-content p {
    margin: 50px;
}