div.trianglebig { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 100px solid transparent; border-bottom: 100px black solid; border-left: 100px solid transparent; }
div.trianglebig-45 { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 141px solid black; border-bottom: 141px solid transparent; border-left: 0px solid black; }
div.trianglebig-90 { height: 0px; width: 0px; border-top: 100px solid transparent; border-right: 0px solid transparent; border-bottom: 100px solid transparent; border-left: 100px solid black; }
div.trianglebig-135 { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 0px solid black; border-bottom: 141px solid black; border-left: 141px solid transparent; }
div.trianglebig-180 { height: 0px; width: 0px; border-top: 100px solid black; border-right: 100px solid transparent; border-bottom: 0px black solid; border-left: 100px solid transparent; }
div.trianglebig-225 { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 141px solid transparent; border-bottom: 141px solid black; border-left: 0px solid transparent; }
div.trianglebig-270 { height: 0px; width: 0px; border-top: 100px solid transparent; border-right: 100px solid black; border-bottom: 100px solid transparent; border-left: 0px solid black; }
div.trianglebig-315 { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 141px solid transparent; border-left: 141px solid black; }

div.trianglemedium { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 71px solid transparent; border-bottom: 71px black solid; border-left: 71px solid transparent; }
div.trianglemedium-45 { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 100px solid black; border-bottom: 100px solid transparent; border-left: 0px solid black; }
div.trianglemedium-90 { height: 0px; width: 0px; border-top: 71px solid transparent; border-right: 0px solid transparent; border-bottom: 71px solid transparent; border-left: 71px solid black; }
div.trianglemedium-135 { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 0px solid black; border-bottom: 100px solid black; border-left: 100px solid transparent; }
div.trianglemedium-180 { height: 0px; width: 0px; border-top: 71px solid black; border-right: 71px solid transparent; border-bottom: 0px black solid; border-left: 71px solid transparent; }
div.trianglemedium-225 { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 100px solid transparent; border-bottom: 100px solid black; border-left: 0px solid transparent; }
div.trianglemedium-270 { height: 0px; width: 0px; border-top: 71px solid transparent; border-right: 71px solid black; border-bottom: 71px solid transparent; border-left: 0px solid black; }
div.trianglemedium-315 { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 100px solid transparent; border-left: 100px solid black; }

div.trianglesmall { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 50px solid transparent; border-bottom: 50px black solid; border-left: 50px solid transparent; }
div.trianglesmall-45 { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 71px solid black; border-bottom: 71px solid transparent; border-left: 0px solid black; }
div.trianglesmall-90 { height: 0px; width: 0px; border-top: 50px solid transparent; border-right: 0px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid black; }
div.trianglesmall-135 { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 0px solid black; border-bottom: 71px solid black; border-left: 71px solid transparent; }
div.trianglesmall-180 { height: 0px; width: 0px; border-top: 50px solid black; border-right: 50px solid transparent; border-bottom: 0px black solid; border-left: 50px solid transparent; }
div.trianglesmall-225 { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 71px solid transparent; border-bottom: 71px solid black; border-left: 0px solid transparent; }
div.trianglesmall-270 { height: 0px; width: 0px; border-top: 50px solid transparent; border-right: 50px solid black; border-bottom: 50px solid transparent; border-left: 0px solid black; }
div.trianglesmall-315 { height: 0px; width: 0px; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 71px solid transparent; border-left: 71px solid black; }

div.square div { height: 0px; width: 0px; border-top: 35px solid black; border-right: 35px solid black; border-bottom: 0px solid black; border-left: 35px solid black; }
div.square div + div { height: 0px; width: 0px; border-top: 0px solid black; border-right: 35px solid black; border-bottom: 35px solid black; border-left: 35px solid black; }
div.square-45 div { height: 0px; width: 0px; border-top: 0px solid black; border-right: 50px solid transparent; border-bottom: 50px solid black; border-left: 50px solid transparent; }
div.square-45 div + div { height: 0px; width: 0px; border-top: 50px solid black; border-right: 50px solid transparent; border-bottom: 0px solid black; border-left: 50px solid transparent; }

div.parallello div { display: inline-block; height: 0px; width: 0px; border-top: 50px solid black; border-right: 50px solid transparent; border-bottom: 0px solid transparent; border-left: 50px solid transparent; }
div.parallello div + div { display: inline-block; height: 0px; width: 0px; border-top: 0px solid black; border-right: 50px solid transparent; border-bottom: 50px solid black; border-left: 50px solid transparent; position: relative; left: -50px; }
div.parallello-45 div { display: block; height: 0px; width: 0px; border-top: 0px solid black; border-right: 71px solid transparent; border-bottom: 71px solid black; border-left: 0px solid transparent; }
div.parallello-45 div + div { display: block; height: 0px; width: 0px; border-top: 0px solid black; border-right: 71px solid black; border-bottom: 71px solid transparent; border-left: 0px solid transparent; }
div.parallello-90 div { display: block; height: 0px; width: 0px; border-top: 50px solid transparent; border-right: 50px solid black; border-bottom: 50px solid transparent; border-left: 0px solid transparent; }
div.parallello-90 div + div { display: block; height: 0px; width: 0px; border-top: 50px solid transparent; border-right: 0px solid black; border-bottom: 50px solid transparent; border-left: 50px solid black; position: relative; top: -50px; }
div.parallello-135 div { display: inline-block; height: 0px; width: 0px; border-top: 0px solid black; border-right: 0px solid transparent; border-bottom: 71px solid black; border-left: 71px solid transparent; }
div.parallello-135 div + div { display: inline-block; height: 0px; width: 0px; border-top: 71px solid black; border-right: 71px solid transparent; border-bottom: 0px solid black; border-left: 0px solid transparent; }

div.parallello-180 div { display: inline-block; height: 0px; width: 0px; border-top: 0px solid black; border-right: 50px solid transparent; border-bottom: 50px solid black; border-left: 50px solid transparent; }
div.parallello-180 div + div { display: inline-block; height: 0px; width: 0px; border-top: 50px solid black; border-right: 50px solid transparent; border-bottom: 0px solid black; border-left: 50px solid transparent; position: relative; left: -50px; }
div.parallello-225 div { display: inline-block; height: 0px; width: 0px; border-top: 0px solid black; border-right: 71px solid black; border-bottom: 71px solid transparent; border-left: 0px solid transparent; }
div.parallello-225 div + div { display: inline-block; height: 0px; width: 0px; border-top: 0px solid black; border-right: 71px solid transparent; border-bottom: 71px solid black; border-left: 0px solid transparent; }
div.parallello-270 div { display: block; height: 0px; width: 0px; border-top: 50px solid transparent; border-right: 0px solid black; border-bottom: 50px solid transparent; border-left: 50px solid black; }
div.parallello-270 div + div { display: block; height: 0px; width: 0px; border-top: 50px solid transparent; border-right: 50px solid black; border-bottom: 50px solid transparent; border-left: 0px solid black; position: relative; top: -50px; }
div.parallello-315 div { display: block; height: 0px; width: 0px; border-top: 0px solid black; border-right: 0px solid black; border-bottom: 71px solid black; border-left: 71px solid transparent; }
div.parallello-315 div + div { display: block; height: 0px; width: 0px; border-top: 0px solid black; border-right: 0px solid transparent; border-bottom: 71px solid transparent; border-left: 71px solid black; }