/* ESTILO IDÊNTICO AO LAZER-BUNNY ORIGINAL */
body {
  background-color: #FFEEF7;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAA+UlEQVQ4y+3UMUoDQRTG8Z8psJBUKTyAR7ATvIBgKTYW1oKtnRewsbK0sbKQNF7BQjyAhZWFEAjBQhBR0yzMwmw22U3AYj4YmLz3vvfNvJk3bW1tVdWqVf0n3cMZ7vGCN9zjEhcY1JmM8Ig3rGOGd8yxxBxT3GJYZXKFN7xjp2J9F5Mwk6oMx3jBbs36PqZhJpXhGNNwqK4OwkzKwh5m2KvZ3w8zKQtPMa/Z+4F+mElZOMCk4cBJmElZ2MVjw4GTMJOy8BzPDQdOwkzKwi6eGg6chpmUhRd4bDjwKcykLOzgusHwO8ykLOzhpsHwK8ykLOzjtsHwO8ykLOzhruHwO8ykLPwF8XQvXZxQFEoAAAAASUVORK5CYII=");
  font-family: "Verdana", sans-serif;
  color: #333;
  line-height: 1.4;
  margin: 0;
  padding: 10px;
}

.container {
  background-color: #FFF;
  border: 3px double #FF99CC;
  box-shadow: 0 0 0 8px #FFF0F5, 0 0 12px #FFCCFF;
  max-width: 800px;
  margin: 20px auto;
  padding: 20px;
}

/* TÍTULO COM EFEITO ARCO-ÍRIS */
#logo {
  font-size: 2.8em;
  text-align: center;
  margin: 10px 0 20px;
  font-weight: normal;
  animation: rainbow 5s linear infinite;
}

@keyframes rainbow {
  0% { color: #FF66CC; }
  16% { color: #FF99FF; }
  33% { color: #CC99FF; }
  50% { color: #66CCFF; }
  66% { color: #99FFCC; }
  83% { color: #FFCC99; }
  100% { color: #FF66CC; }
}

/* BARRA DE NAVEGAÇÃO */
.navigation h2 {
  font-size: 1.3em;
  margin-bottom: 5px;
  color: #FF66B2;
}

.navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  column-count: 2;
}

.navigation li {
  margin-bottom: 3px;
}

.navigation a {
  color: #FF66B2;
  text-decoration: none;
}

.navigation a:hover {
  text-decoration: underline;
}

/* LINHA DIVISÓRIA */
hr {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, #FF99CC, transparent);
  margin: 20px 0;
}

/* SEÇÕES DE CONTEÚDO */
.welcome, .update, .clique, .robbit, .social, .last-update, .create {
  margin-bottom: 20px;
}

h2, h3 {
  color: #FF66B2;
  font-weight: normal;
  margin: 15px 0 5px;
}

.update p, .clique p, .last-update p {
  margin: 5px 0;
}

.social ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.social li {
  margin-bottom: 3px;
}

/* BARRA DE ROLAGEM ROSA */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: #FFEEF7;
}

::-webkit-scrollbar-thumb {
  background: #FF99CC;
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background: #FF66B2;
}