CSS up

css/style.css

@@ -1,78 +1,136 @@
+/*
+* GENERAL
+*/
+
 body {
-	background-color: #B2E0E0;
+	margin: 0 0;
 }
 
-#left_field {
+#page {
+	position: relative;
+	height: 100vh;
+	width: 100vw;
+}
+
+.social {
 	position: absolute;
-	width: 30%;
-	top: 15%;
-	left: 5%;
+	bottom: 1em;
+	margin-left: 0;
+	right: 1em;
 }
 
-#intro_blurb {
-	text-align: justify;
-	
+.social ul {
+	list-style: none;
+	margin-bottom: 0;
 }
 
-#right_field {
-	position: absolute;
-	width: 30%;
-	left:65%;
-	top: 15%;
+.social ul li {
+	display: inline;
 }
 
-.menu_contents {
-	text-align: center;
-}
-
-#main {
-	position: absolute;
-	width: 40%;
-	left: 30%;
-	top: 5%;
-	
-}
-
-#main_title h1 {
-  text-align: center;
-}
-
-#main_mugshot {
-	
-  width: 300px;
-  height: 300px;
-  
-  border-radius: 150px;
-  -webkit-border-radius: 150px;
-  -moz-border-radius: 150px;
-  
-  background: url(../images/me.jpg) no-repeat;
-  background-position: center;
-  background-size: 300px 300px;
-  
-}
-
-.menu_title {
-	text-align: center;
-	
-}
-
-.menu_contents {}
-
-.centered {
-	margin-left: auto;
-	margin-right: auto;
-	
-}
-
-.social_icon:link {
-	  color: #000;
-    text-decoration: none;
-}
-
-.social_icon:visited {
+.social ul li a { 
 	color: #000;
-    text-decoration: none;
 }
 
-.invisible { display: none; }
+/*
+* PANELS
+*/
+
+#panel-landing {
+	/*text-align: center;*/
+	height: 25vh;
+
+	background-color: #FFF;
+}
+
+#panel-resume {
+	background-color: #EF5350;
+}
+
+#panel-projects {
+	background-color: #42A5F5;
+}
+
+#panel-intouch {
+	background-color: #66BB6A;
+}
+
+/*
+* LANDING PANEL
+*/
+
+#greet {
+	margin-bottom: 0;
+}
+
+#landing-blurb {
+	overflow: hidden;
+}
+
+#main-menu {
+	margin-left:3em;
+}
+
+#main-menu ul {
+	list-style: none;
+	margin-left:-2.3em;
+	font-size: 1.5em;
+}
+
+#main-menu ul li {
+	display: inline;
+	margin: 0 1em;
+}
+
+#main-menu ul li a {
+	color: #000;
+	text-decoration: none;
+}
+
+#main-menu ul li a:hover {
+	color: #ff0000;
+}
+
+
+/*
+* RESUME PANEL
+*/
+
+#panel-resume .fp-tableCell {
+	vertical-align: baseline;
+}
+
+#resume-skills {
+	float:left;
+}
+
+#resume-skills ul {
+	list-style: none;
+	text-align: center;
+}
+
+#resume-skills ul li {
+}
+
+/*
+* MODIFIERS
+*/
+
+.fs-5 { font-size: 3em; }
+.fs-1-3 { font-size: 1.3em; }
+
+.bold { font-weight: bold; }
+
+.pos-abs { position: absolute; }
+
+.mt-z { margin-top: 0; }
+
+.mb-z { margin-bottom: 0; }
+
+.vcenter {
+    top: 40vh;
+    position: relative;
+    transform: translateY(-50%);
+}
+
+.red { color: #ff0000; }