footer{
  background-color: var(--medium-background-color);
  padding-top: 50px;
  padding-bottom: 50px;
}

footer ul{
  list-style: none;
  gap: 20px;
  display: flex;
  flex-direction: column;
}

.flexlist{
  display: flex;
  gap: 200px;
}

@media(max-width: 800px){
  .flexlist{
    flex-direction: column;
    gap: 20px;
  }
}