@import url(http://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic);
@import url(http://reset5.googlecode.com/hg/reset.min.css);

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body {
  font-family: 'Karla', sans-serif;
  font-size: 62.5%;
  padding: 115px 20px 20px 70px;
  width: 2000px;
  overflow: hidden;
  cursor: none;
}

#jenky {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
}
  
.responses, #new-response {
  font-size: 18px;
  font-size: 1.8rem;
  
  line-height: 20px;
  line-height: 2.0rem;
}

.responses {
  float: left;
}

#responses1 {
  width: 288px;
}
#responses2 {
  width: 316px;
  margin-left: 95px;
  /* margin-top: -121px; */
}
#responses3 {
  width: 334px;
  margin-left: 147px;
  margin-top: -5px;
  
  transform:rotate(-0.5deg);
  -ms-transform:rotate(-0.5deg); /* IE 9 */
  -webkit-transform:rotate(-0.5deg); /* Opera, Chrome, and Safari */
}

.responses li {
  background-color: #86e1ab;

  margin: 5px;
  list-style-type: none;
  padding: 5px 10px 5px 10px;
  
  display: block;
}

.responses li.designer1 { background-color: #00b758; }
.responses li.designer2 { background-color: #00c451; }
.responses li.designer3 { background-color: #00d04b; }
.responses li.designer4 { background-color: #00dd46; }
.responses li.designer5 { background-color: #00ea44; }
.responses li.designer6 { background-color: #00ff47; }

/* This parent can be any width and height */
.block {
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 1226px;
  height: 800px;
}

/* The ghost, nudged to maintain perfect centering */
.block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

/* The element to be centered, can
   also be of any width and height */
#new-response {
  display: inline-block;
  vertical-align: middle;
  width: 339px;
  height: 100%;
  
  background: #000;
  color: #fff;
  font-weight: bold;
  text-align: left;
  
  padding: 80px 20px 0 20px;
  
  z-index: 100;
  
}

#new-response .about-sentence {
  font-size: 10px;
  font-size: 1.0rem;
  
  font-weight: normal;
  
  line-height: 16px;
  line-height: 1.6rem;
  
  display: block;
  margin-bottom: 5px;
}

.designis {
  font-weight: bold;
}

.rank {
  font-size: 7px;
  font-size: .7rem;
  background: #fff;
  color: #000;
  display: inline-block;
  line-height: 0;
  padding: 10px 5px 10px 4px;
  margin: 5px 0 5px 0;
}
.rank:after{
  display: block;
}

h1 {
  font-size: 22px;
  font-size: 2.2rem;
}
h2 {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: italic;
  padding-bottom: 10px;
}