@import 'reset';
body {
	background-color: #FCEFDD;
}
$cor1: #FCEFDD;
$cor2: #F3EAD6;
body {
  height: 100vh;
  background: repeating-linear-gradient(
	45deg,
	$cor1 0px,
	$cor1 1px,
	$cor2 1px,
	$cor2 5px
  );
}
$bgverde : rgba(136, 234, 219, 0.6);
$preto : rgb(2, 2, 2);
svg {
	rect {
		fill: $bgverde;
	}
}
.div2 {
	width: 100%;
	height: 100px;
	background: url(/img/bg_triangle.svg) repeat-x;
	background-size: auto 100%;
}
.div {
	position: relative;
	background-color: $bgverde;
	margin: 0 auto;
	width: 100%;
	height: 100px;
	border-top: solid 1px $preto;
	
	/*
	&:after {
		content: "";
		  display: block;
		  position: absolute;
		  bottom: -10px;
		  left:0;
		  right:0;
		  height: 10px;
		  /* TODO Add browser prefixes */
		  /*background:
			linear-gradient(
			  45deg, transparent 33.333%,
			  #2B3A48 33.333%, #2B3A48 66.667%,
			  transparent 66.667%
			),
			linear-gradient(
			  -45deg, transparent 33.333%,
			  #2B3A48 33.333%, #2B3A48 66.667%,
			  transparent 66.667%
			);
			background-size: 8px 20px;
			background-position: 0 -10px;
	}*/
	
}