#title{  
  padding-top: 20px;
}

#outConti{
  display: block;
}

#algoDisp{
  display: none;
}

.jumbotron{
  margin: 10px;
}

  .ball{
      margin: 0.6vw;
      color: white;
      text-align: center;
      vertical-align: middle;
      line-height: 3.2vw;
      display: inline-block;
      width: 3.2vw;
      height: 3.2vw;
      border-radius: 50%;
      font-size: 1.2vw;
  }

  .col{
    display: contents;
  }

  .series{
    padding: 20px;
    justify-content: center;
    align-items: center;
  }

  .steps{
    justify-content: center;
    align-items: center;
  }

  .red{
    background-color: red;
  }

  .green{
    background-color: green;
  }

  .blue{
    background-color: #007bff;
  }

  body {
    background: linear-gradient(-45deg, #ca8671, #8f4a64, #3f6472, #53867a);
    background-size: 1000% 1000%;
    animation: gradient 15s ease infinite;
  }

  li{
    color: white;
  }
  
  @keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }