html {
  position: relative;
  min-height: 100%;
  height: 100%;
}

@font-face{
  font-family: "sakana";
  src: url('sakana.ttf');
}

#blockContainer {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px;
}

.block {
    display: inline-block;
	flex: 0 0 380px; /* Tamanho fixo para os blocos */
    width: 380px;
	vertical-align: top;
	justify-content: center-left;
	white-space: normal;
    margin: 0px 10px;
	margin-right: 2px; /* Espaçamento entre os blocos */
    animation: slide-in 0.5s forwards;
}


@keyframes slide-in {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}


body {
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  height: 100%;
}

body > .container {
  padding: 60px 15px 0;
  font-family: sakana;
}

.container .text-muted {
  margin: 20px 0;
}

body > .container-fluid {
  padding: 60px 15px 0;
}

.container-fluid .text-muted {
  margin: 20px 0;
}

input {
  font-family: monospace;
}

.well-success {
  background: rgb(223, 240, 216);
}

.well-error {
  background: rgb(250, 220, 220);
}

.github-ribbon {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  z-index: 20000;
}