@media (min-width: 549px) {
    footer a:not(:last-child) {
      margin-right: 6%;
    }
}
@media (max-width: 549px) {
    footer a {
      display: block;
      text-align: center;
      line-height: 2;
    }
}
@media (prefers-color-scheme: dark) {
    footer a:hover {
        color: white;
    }
}
@media (prefers-color-scheme: light) {
    * {
        background-color: rgb(246, 245, 247);
    }
    footer a:hover {
        color: black;
    }
}
footer {
    margin: 50px 0;
    text-align: center;
    clear: both;
}
footer a {
    color: #A9A9A9;
    text-decoration: none;
    font-weight: 500;
    margin-left: 10px;
    margin-right: 10px;
}