html
{
 background: #FBD786;  /* fallback for old browsers */
 /*background: linear-gradient(to right, #f7797d, #FBD786, #C6FFDD);*/
background-image: linear-gradient(200deg, #4CBB17, #70C247);
 background-attachment: fixed;
 font-family: sans-serif;
 color: #111;
}

section
{
 background: #CCDF92; /* fallback*/
 margin: 3em 5em 0em;
 padding: 10px;
 border-color: gray;
 border-style: dotted;
 /*backdrop-filter: blur(10px);*/
}

#intro
{
 background-image: linear-gradient(200deg, #11BD00, #11b933);
 margin: 3em 3em 0em;
 padding: 10px;
 border-color: blue;
 border-style: dotted;
}

.falling-link {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

@keyframes falling-1 {
    from {top:0%;}
  to {top:100%;}
}

.falling-link:nth-child(1)
{
    left: 88%;
  animation: 10s ease-in 1s infinite falling-1;
}
.falling-link:nth-child(2)
{
    left: 10%;
  animation: 12s ease-in 1s infinite falling-1;
}
.falling-link:nth-child(3)
{
    left: 35%;
  animation: 9s ease-in 1s infinite falling-1;
}
.falling-link:nth-child(4)
{
    left: 67%;
  animation: 11s ease-in 1s infinite falling-1;
}

li 
{
    margin-top: 10px;
}