text: import styled from "styled-components";
  
  export const Box = styled.div`
  padding: 40px 20px  ;
  // background-color: #121619;
  background-image: linear-gradient(to right,#355C7D,#f8b195);
  position: bottom;
  bottom: 0;
  width: 100%;
  
  
  @media (max-width: 1000px) {
  	padding: 40px 20px;
  }
  `;
  
  export const Container = styled.div`
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	max-width: 1000px;
  	margin: 0 auto;
      
  `
  
  export const Column = styled.div`
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-left: 60px;
  `;
  
  export const Row = styled.div`
  display: grid;
  grid-template-columns: repeat(auto-fill,
                       	minmax(185px, 1fr));
  grid-gap: 20px;
  
  @media (max-width: 1000px) {
  	grid-template-columns: repeat(auto-fill,
  						minmax(200px, 1fr));
  }
  `;
  
  export const FooterLink = styled.a`
  color: white;
  margin-bottom: 10px;
  font-size: 14px;
  text-decoration: none;
  
  &:hover {
  	color: green;
  	transition: 200ms ease-in;
  }
  `;
  
  export const Heading = styled.p`
  font-size: 18px;
  color: white;
  margin-bottom: 20px;
  font-weight: bold;
  `;
  