body {
    margin: 0;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-weight: 300; 
    font-style: normal;
  }
  
  .background {
    width: 100%;
    height: 100%;
    background: #3E1E68;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
  }
  
  .background span {
    width: 20vmin;
    height: 20vmin;
    border-radius: 20vmin;
    backface-visibility: hidden;
    position: absolute;
    animation-name: move;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  .background span:nth-child(1) {
    color: #FFACAC;
    top: 59%;
    left: 55%;
    animation-duration: 16s;
    animation-delay: -3.7s;
    transform-origin: -2vw -10vh;
    box-shadow: -40vmin 0 11.086436574vmin currentColor;
  }
  .background span:nth-child(2) {
    color: #E45A84;
    top: 82%;
    left: 66%;
    animation-duration: 14.6s;
    animation-delay: -7.2s;
    transform-origin: -13vw -21vh;
    box-shadow: 40vmin 0 10.2039526368vmin currentColor;
  }
  .background span:nth-child(3) {
    color: #FFACAC;
    top: 62%;
    left: 85%;
    animation-duration: 15.7s;
    animation-delay: -12.7s;
    transform-origin: 20vw -9vh;
    box-shadow: 40vmin 0 9.565317305vmin currentColor;
  }
  .background span:nth-child(4) {
    color: #583C87;
    top: 86%;
    left: 90%;
    animation-duration: 14.5s;
    animation-delay: -7.2s;
    transform-origin: -12vw -11vh;
    box-shadow: 40vmin 0 11.6075676538vmin currentColor;
  }
  .background span:nth-child(5) {
    color: #E45A84;
    top: 47%;
    left: 7%;
    animation-duration: 15.2s;
    animation-delay: -13.1s;
    transform-origin: 8vw 10vh;
    box-shadow: -40vmin 0 9.2362366529vmin currentColor;
  }
  .background span:nth-child(6) {
    color: #E45A84;
    top: 95%;
    left: 5%;
    animation-duration: 13.8s;
    animation-delay: -15.6s;
    transform-origin: -5vw -14vh;
    box-shadow: -40vmin 0 14.8032234133vmin currentColor;
  }
  .background span:nth-child(7) {
    color: #E45A84;
    top: 77%;
    left: 5%;
    animation-duration: 10.4s;
    animation-delay: -13.6s;
    transform-origin: 23vw 9vh;
    box-shadow: 40vmin 0 12.9175245869vmin currentColor;
  }
  .background span:nth-child(8) {
    color: #583C87;
    top: 58%;
    left: 60%;
    animation-duration: 14.5s;
    animation-delay: -5.6s;
    transform-origin: 24vw 4vh;
    box-shadow: -40vmin 0 6.315054724vmin currentColor;
  }
  .background span:nth-child(9) {
    color: #FFACAC;
    top: 32%;
    left: 40%;
    animation-duration: 14.5s;
    animation-delay: -13.2s;
    transform-origin: 3vw 15vh;
    box-shadow: -40vmin 0 11.34740508vmin currentColor;
  }
  .background span:nth-child(10) {
    color: #583C87;
    top: 34%;
    left: 66%;
    animation-duration: 12.6s;
    animation-delay: -3.6s;
    transform-origin: 18vw -12vh;
    box-shadow: 40vmin 0 13.2129389725vmin currentColor;
  }
  .background span:nth-child(11) {
    color: #583C87;
    top: 9%;
    left: 88%;
    animation-duration: 13.8s;
    animation-delay: -16s;
    transform-origin: 12vw -19vh;
    box-shadow: 40vmin 0 13.4882716778vmin currentColor;
  }
  .background span:nth-child(12) {
    color: #E45A84;
    top: 42%;
    left: 37%;
    animation-duration: 10.8s;
    animation-delay: -4.6s;
    transform-origin: -14vw -13vh;
    box-shadow: -40vmin 0 7.8227524238vmin currentColor;
  }
  .background span:nth-child(13) {
    color: #E45A84;
    top: 16%;
    left: 79%;
    animation-duration: 10.8s;
    animation-delay: -13.3s;
    transform-origin: 4vw 1vh;
    box-shadow: 40vmin 0 8.8272387645vmin currentColor;
  }
  .background span:nth-child(14) {
    color: #583C87;
    top: 2%;
    left: 44%;
    animation-duration: 10.8s;
    animation-delay: -9.6s;
    transform-origin: -18vw -16vh;
    box-shadow: 40vmin 0 6.6958406453vmin currentColor;
  }
  .background span:nth-child(15) {
    color: #E45A84;
    top: 6%;
    left: 32%;
    animation-duration: 15.3s;
    animation-delay: -11.5s;
    transform-origin: 16vw -24vh;
    box-shadow: 40vmin 0 14.809657624vmin currentColor;
  }
  .background span:nth-child(16) {
    color: #E45A84;
    top: 12%;
    left: 97%;
    animation-duration: 11.7s;
    animation-delay: -7.4s;
    transform-origin: -9vw 22vh;
    box-shadow: -40vmin 0 7.3469857937vmin currentColor;
  }
  .background span:nth-child(17) {
    color: #E45A84;
    top: 17%;
    left: 70%;
    animation-duration: 14.3s;
    animation-delay: -6s;
    transform-origin: 25vw -2vh;
    box-shadow: -40vmin 0 8.5055703907vmin currentColor;
  }
  .background span:nth-child(18) {
    color: #FFACAC;
    top: 25%;
    left: 63%;
    animation-duration: 15.2s;
    animation-delay: -14.1s;
    transform-origin: -16vw -18vh;
    box-shadow: 40vmin 0 9.5618657756vmin currentColor;
  }
  .background span:nth-child(19) {
    color: #583C87;
    top: 44%;
    left: 52%;
    animation-duration: 10.4s;
    animation-delay: -5.1s;
    transform-origin: 24vw -17vh;
    box-shadow: 40vmin 0 11.0375646469vmin currentColor;
  }
  .background span:nth-child(20) {
    color: #E45A84;
    top: 8%;
    left: 93%;
    animation-duration: 11.6s;
    animation-delay: -8s;
    transform-origin: 10vw 14vh;
    box-shadow: 40vmin 0 8.7744716354vmin currentColor;
  }
  
  @keyframes move {
    100% {
      transform: translate3d(0, 0, 1px) rotate(360deg);
    }
  }

/****************/
.btn-default {
    color: #ffffff;
    border: 1px solid #ffffff;
}

.btn-default:hover {
    color: #afafaf;
    border: 1px solid #afafaf;
}

.jumbotron {
    background: none;
    max-width: 600px;
    margin: 0 auto;
}

.main-content {
    margin-top: 10%;
    margin-bottom: 56px;
}

.btn-social {
    font-size: 8vw;
    color: #ffffff;
    display: inline-block;
}

@media screen and (min-width: 1000px) {
    .btn-social {
        font-size: 50px;
    }
  }

.navbar-light .navbar-brand {
    color: #ffffff;
}

.text-mansalva {
    font-family: 'Mansalva', cursive;
}