footer {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--primary-bg-color);
  padding: 0px 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .logo {
  padding: 40px 70px;
  background-color: white;
  transform: skew(18deg);
}
footer .logo img {
  transform: skew(-18deg);
}
footer .options {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
footer .options .links {
  display: flex;
  gap: 40px;
}
footer .options .links a {
  color: white;
  text-decoration: none;
  font-family: "Rubik";
}
footer .options hr {
  width: 150%;
}

@media screen and (max-width: 768px) {
  footer {
    flex-direction: column;
    align-items: center;
    gap: 50px;
    padding: 0px 0px;
  }
  footer .options {
    gap: 20px;
    margin-bottom: 30px;
    align-items: center;
  }
  footer .options .links {
    gap: 20px;
  }
}/*# sourceMappingURL=styles.css.map */