Clean up about page.

public/css/style.css

@@ -1,215 +1,95 @@
-
-.site-title {
-	/*background-image: url("background.jpg");*/
-	margin: -8px;
-	
-	height: 50px;
-	background-color: white;
-	font-weight:bolder;
-	padding-left: 890px;
-	padding-top:10px;
-	color: black;
-	white-space:nowrap;
-
+body {
+    font-family: Roboto;
+    background-image: url(/images/clouds.jpg);
+    background-color: #F5F7FA;
+    color: #2d2d2d;
 }
 
-.navbar{
+a {
+    text-decoration:none;
 }
 
-.navlist{
-	position:relative;
-	list-style-type:none;
-	padding: 0px;
-	padding-left:20px;
-	height:40px;
-	min-width:550px;
-	width:100%;
-	margin:8px;
-	margin-left:-8px;
-	width:end; 
-	background-color: white;
-	white-space:nowrap;
-	padding-top:10px;
-	box-shadow: 0px 3px 0px rgba(0,0,0,.13) ,1px 2px 2px rgba(0,0,0,.1) , 0px 0px 0px rgba(0,0,0,.05);
-
-
+.card {
+    background-color:white;
+    box-shadow: 2px 2px 3px rgba(0,0,0,.13) ,1px 2px 2px rgba(0,0,0,.1) , -1px -2px 2px rgba(0,0,0,.05);
+    margin: auto;
+    margin-top: 20px;
+    max-width: 750px;
+    padding: 20px;
 }
 
-.navlink a{
-	color:black;
+.member-container{
+    display:flex;
+    flex-direction: column;
 }
-.navlink:hover a{
-	color: #109EF2;
-}
-.navlink {
-	display:inline;
-	padding: 10px;
-	font-size:21px;
-
-}
-
-.active{
-	border-bottom:3px solid #109EF2;
-}
-
-header{
-	color:black;
-}
-body a{
-	font-family:Roboto;
-	text-decoration:none;
-}
-
-.twit-container{
-	
-	font-family:Roboto;
-	background-color: #F5F7FA;
-	display:flex;
-	flex-flow: row wrap;
-	width:71vw;
-
-	padding-left:22%;
-	
-	padding-top:25%;
-	padding-bottom:10%;
-
-}
-.person-photo img:first-child{
-	padding-top:10px;
-	height:30%;
-	width:30%;
-	display: block;
+.person-photo img{
+    padding-top:10px;
+    height:30%;
+    width:30%;
+    display: block;
     margin-left: auto;
     margin-right: auto;
-	border-radius:50%;
-
-}
-/*img{
-	display: block;
-    margin-left: auto;
-    margin-right: auto;
-	border-radius:50%;
-}*/
-.twit{
-	position:relative;
-	flex-grow:1;
-	flex-shrink:1;
-	flex-basis:100%;
-	max-width:250px;
-	width:250px;
-	margin-top:230px;
-	margin-bottom:-230px;
-	
-	min-height:350px;
-	background-color:white;
-	
+    border-radius:50%;
 }
 
+.member {
+    padding: 20px;
+
+    box-sizing: border-box;
+    flex-grow:1;
+    flex-basis:50%;
+
+    background-color:white;
+}
 
 .toplevel{
-	z-index:2;
-	position:absolute;
-	margin-top:-470px;
-	height:61%;
-	
-	width:52.6%;;
-	background-color:white;
-	box-shadow: 2px 2px 3px rgba(0,0,0,.13) ,1px 2px 2px rgba(0,0,0,.1) , -1px -2px 2px rgba(0,0,0,.05);
-
+    position:relative;
+    display: flex;
+    flex-wrap: wrap;
 }
 
-.leadership{
-	z-index:0;
-	position:absolute;
-	margin-top:100px;
-	height:430px;
-	width:52.6%;;
-	background-color:white;
-	box-shadow: 2px -2px 3px rgba(0,0,0,.13) , 1px 3px 5px rgba(0,0,0,.1) , -1px -2px 2px rgba(0,0,0,.05);
-}
-.Headership{
-	font-size:45px;
-	color:#546076;
-	font-weight:100;
-	font-family: Roboto;
-	padding-top:0px;
-	margin-left: auto;
-	margin-right: auto;
-	text-align:center;
+h2 {
+    font-size:30px;
+    color:#546076;
+    font-weight:100;
+    text-align:center;
+    width: 100%;
 }
 
 .Mission{
-	font-size:40px;
-	font-weight:100;
-	color:#546076;
-	padding-top:16px;
-	margin-left: auto;
+    font-size:40px;
+    font-weight:100;
+    padding-top:16px;
+    margin-left: auto;
     margin-right: auto;
-	text-align:center;
+    text-align:center;
 }
 
 .Person-Name{
-	font-size:20px;
-	font-weight:600;
-	color:#546076;
-	padding-top:16px;
-	margin-left: auto;
+    font-size:20px;
+    font-weight:600;
+    padding-top:16px;
+    margin-left: auto;
     margin-right: auto;
-	text-align:center;
+    text-align:center;
 }
-.twit-text {
-	position:center;
-	display: block;
+.member-text {
+    position:center;
+    display: block;
     margin: auto;
-	width:50%;
-	width:200px;
-	font:Roboto;
-	font-style:italic;
-	font-weight:400;
-	text-align:center;
-	padding-top:1%;
-	color:#5F6076;
+    font:Roboto;
+    font-style:italic;
+    font-weight:400;
 }
 
 .mission-text {
-	position:center;
-	display: block;
+    position:center;
+    display: block;
     margin: auto;
-	width:50%;
-	width:800px;
-	font:Roboto;
-	font-weight:400;
-	text-align:center;
-	padding-top:1%;
-	color:#5F6076;
-}
-
-.twit-attribution:hover a{
-	color:#109EF2;
-	cursor:pointer;
-}
-.twit-attribution a{
-
-	color: #363437;
-	height:20%;
-	font-weight:bolder;
-	display: block;
-    margin-left: auto;
-    margin-right: auto;
-    margin-top:auto;
-    margin-bottom:auto;
-    height:50%;
-	width:50%;
-	
-}
-.twit-icon{
-	padding-top:20px;
-	font-size:25px;
-	position:absolute;
-	padding-left:20px;
-}
-
-body{
-	background-color: #F5F7FA;;
-	
+    width:50%;
+    width:800px;
+    font:Roboto;
+    font-weight:400;
+    text-align:center;
+    padding-top:1%;
 }