#tag{
  font-size: 36px;
  font-weight: bold;
  padding: 20px;
  color: #ccc;
  width: 400px;
  float: left;
}

#tag:hover .infoz{
  color: #111;
}

.infoz{
  margin-left: 20px;
  color: #eee;
  font-size: 56px;
}


label{
  font-size: 20px;
  display: block;
  font-weight: bold;
  color: #ccc;
  margin: 10px 0 10px 0;
}

input{
  color: #111;
  background: #eee;
  border: 1px solid #ccc;
  font-size: 20px;
  font-weight: bold;
}

textarea{
  font-size: 20px;
  color: #111;
  border: 1px solid #ccc;
  background: #eee;
  height: 200px;
  width: 400px;
  display: block;
  margin-bottom: 20px;
}

#rofl{
  margin-left: 449px;
  font-size: 20px;
  border-left: 10px solid #fafafa;
  padding: 0 20px 0 20px;
}

#title{
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 30px;
}

#rofl p{
  margin-bottom: 20px;
}

#ergo{
  width: 20px;
  height: 20px;
  background: #ccc;
}

#voices{
  margin-top: 40px;
}

#voices:hover .voice{
  color: #111;
}

#voices:hover .nick b{
  color: #8fd92a;
}

.voice{
  padding: 10px 0 10px 20px;
  margin-bottom: 20px;
}

.voice:nth-child(even){
  background: #fafafa;
}

.voice div{
  margin-bottom: 10px;
}

.voice .date{
  font-weight: bold;
  display: inline;
}

.voice .nick{
  font-weight: bold;
  display: inline;
}

.voice .time{
  font-weight: bold;
  display: inline;
}

.nick{

}

#comment{
  margin-bottom: 40px;
}

button{
  font-size: 20px;
  padding: 5px;
  color: #111;
}

code{
  font-family: monospace;
}

pre{
  margin-bottom: 20px;
}

ul{
  margin-bottom: 20px;
  margin-left: 40px;
  list-style-type: circle;
}

h2{
  margin-bottom: 20px;
  color: #777;
}

#rofl a{
  color: #027dff;
  font-weight: bold;
}

#rofl a:hover{
  text-decoration: underline;
}

#rofl a:visited{
  color: #8fd92a;
  font-style: italic;
}