.pfp {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
}

#profile-info{
  display: flex; 
  flex-direction: row;
  justify-content: space-evenly; 
  align-items: center;
}


#buttonResults {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
}

#buttonResults > *{
    margin: 1em;
}

@media screen and (max-width: 600px) {
    #buttonResults {
        grid-template-columns: repeat(2, 1fr);
    }   

    #profile-info{
        flex-direction: column;
    }
}


@media screen and (max-width: 450px) {
    #buttonResults {
        grid-template-columns: repeat(1, 1fr);
    }   
}