interface Colors {
  lochmara: string;
  regalBlue: string;
}

export default (Colors: Colors) => `
  background-color: ${Colors.lochmara};
  background-image: linear-gradient(${Colors.regalBlue}, ${Colors.regalBlue});
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 0% 100%;

  &:hover { background-size: 100% 100%; }
`;