new section

1 files changed, 60 insertions, 0 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 56577f2..da8e970 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -189,6 +189,66 @@ h5 {
 	display: inline-block;
 }
 
+.projectList.about {
+	text-align: left;
+	border-top: 1px solid;
+	padding:10% 0;
+}
+
+.projectList.about .item{
+	float: left;
+	width: 100%;
+	clear: both;
+}
+
+.projectList.about .item .rap {
+	max-width: 1250px;
+	margin: 0 auto;
+	padding: 0 10%;
+}
+
+.projectList.about .item span{
+	display: inline-block;
+	float: left;
+}
+
+.projectList.about .item span words {
+	max-width: 90%;
+	display: inline-block;
+	line-height: 28px;
+	font-size: 17px;
+	font-weight: 300;
+}
+
+.projectList.about .item span:nth-child(1){
+	width: 300px;
+	height: 300px;
+	display: inline-block;
+	float: left;
+	border-radius: 300px;
+	background-size:cover;
+	background-position:center;
+}
+
+.projectList.about .item span h3{
+	font-weight: 500;
+	font-size: 30px;
+	margin-bottom: 8px;
+}
+
+.projectList.about .item span:nth-child(2){
+	width: calc(100% - 300px);
+	padding: 70px 50px;
+}
+
+.projectList.about .item:nth-child(2) {
+	padding: 5% 0;
+}
+
+.projectList.about .item:nth-child(2) span:nth-child(1){
+	float: right;
+}
+
 .page .showcase {
   height:70vh;
 }