ul{
    list-style-type: none; 
    display: flex;
    justify-content: space-around;
}

a{
    color: orange;
}

section{
    display: flex;
    justify-content: space-around;
}
section{
    text-align: center;
    color: white;
}
p{
    padding: 10px;
    background-color: rgb(97, 97, 97);
    border-radius: 5%;
    /* pretty cool thing i found that keeps the content from going around the borders. not really necessary here, but still pretty cool */
    overflow: hidden; 
    flex-basis: 0;
    flex-shrink: 1;
    flex-grow: 1;
    max-width: 200px;
}