Add crapchat

Author: rknightuk

index.html

@@ -101,6 +101,16 @@ <h3>Third World Problems</h3>
 					</article>
 				</a>
 			</div>
+			<div class="col-md-6">
+				<a href="https://github.com/DevsDoDesign/CrapChat" class="project-link">
+					<article class="project blown-over crapchat">
+						<div>
+							<h3>Crapchat</h3>
+							<p>Snapchat for Phone Boxes</p>
+						</div>
+					</article>
+				</a>
+			</div>
 		</div><!-- .row -->
 
 		<div class="row">

project-crapchat.png

@@ -77,7 +77,7 @@ code {
  * PROJECTS
  *****************/
 .project {
-	margin-bottom: 50px;
+	margin-bottom: 30px;
 	width: 100%;
 }
 
@@ -143,3 +143,18 @@ a.project-link:hover {
 	/*margin-left: 0;*/
 	text-shadow: 2px 2px 1px black;
 }
+
+.crapchat {
+	background: url(project-crapchat.png);
+	background-position: bottom right;
+	padding: 85px 40px;
+}
+
+.crapchat h3 {
+	color: #f8e502;
+	text-shadow: 2px 2px 1px black;
+}
+
+.crapchat p {
+	text-shadow: 2px 2px 1px black;
+}