body{
    background: linear-gradient(94deg, #dd4386, #47b9f9, #47f9b4, #f9ce47, #f9ce47);
    background-size: 1000% 1000%;
    
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    -o-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
    }

    @-webkit-keyframes AnimationName {
        0%{background-position:0% 50%}
        50%{background-position:100% 51%}
        100%{background-position:0% 50%}
        }
        @-moz-keyframes AnimationName {
        0%{background-position:0% 50%}
        50%{background-position:100% 51%}
        100%{background-position:0% 50%}
        }
        @-o-keyframes AnimationName {
        0%{background-position:0% 50%}
        50%{background-position:100% 51%}
        100%{background-position:0% 50%}
        }
        @keyframes AnimationName {
        0%{background-position:0% 50%}
        50%{background-position:100% 51%}
        100%{background-position:0% 50%}
        }


#container { 
    height:max-content;
    position: relative;
    font-family: 'Cabin', sans-serif;
    font-family: 'Changa', sans-serif;
    text-align: center;
    
  }

  #name p {
    display:inline;
  }

.description {
          display:flex;
          
}


#lst {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: 15em;
    font-size: 4em;
    text-align: left;
  }

  #lst li{
    margin-left: 1em;

  }


  #name {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 6em;
    width: auto;
    /* border: 2px solid black; */
    text-align: center;   
    color:rgb(255, 255, 255); text-shadow: 5px 5px black;
}

.sgsdesc{

  color:#a200ff;
  font-weight: bold;
  font-size: 1.3em;


}

#sgsdate{

  color:#a200ff;
  font-weight: bold;
  font-size: 0.9em;


}

footer{
        position: flex;
        left: 0;
        bottom: 0;
        width: 100%;
        color: white;
        text-align: center;
        border-top: 1px solid black;
      }