import React from 'react';
import Helmet from 'react-helmet';
import Link from 'gatsby-link';
import styled from 'styled-components';




const Kai = styled.div`
	&:before{
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 100vh 100vh 0;
		border-color: transparent transparent rgba(63, 81, 181, 0.5) transparent;
	}
	&:after{
		position: absolute;
		 content: "";
		 width: 0;
		 height: 0;
	     border-style: solid;
		 border-width: 0 100vh 100vh 0;
		 border-color: transparent transparent rgba(63, 81, 181, 0.5) transparent;
		  -webkit-transform: rotate(90deg);
		 transform: rotate(90deg);
	}
`

export default function Background (){
	return (
		<Kai></Kai>
	)
}