1 files changed, 1 insertions, 69 deletions
diff --git a/app/web.styl b/app/web.styl
index 8f62889..203ef9e 100644
--- a/app/web.styl
+++ b/app/web.styl
@@ -59,75 +59,7 @@ a:link, a:visited, a:hover, a:active {
 @require "stylesheets/web/header.styl"
 @require "stylesheets/web/summary.styl"
 @require "stylesheets/web/skills.styl"
+@require "stylesheets/web/work.styl"
 @require "stylesheets/web/writing.styl"
 @require "stylesheets/web/projects.styl"
 @require "stylesheets/web/education.styl"
-
-.work {
-  article {
-    ul {
-      margin-top: 0.4em
-    }
-
-    p {
-      margin-top: 0.4em
-      margin-bottom: 0.4em
-    }
-  }
-
-  article > .info {
-    display: flex
-    flex-flow: row wrap
-    justify-content: space-between;
-    number: 2
-
-    @media screen and (max-width: 740px) {
-      flex-flow: column wrap
-    }
-
-    // company
-    h2 {
-      order: 0
-      min-width: 50%
-      margin-top: 0.2em
-      margin-bottom: 0
-    }
-
-    // title
-    em:nth-of-type(1) {
-      order: 2
-      min-width: 50%
-
-      @media screen and (max-width: 740px) {
-        order: 1
-      }
-    }
-
-    // location
-    em:nth-of-type(2) {
-      order 1
-      min-width: 50%
-      text-align: right
-      align-self: flex-end
-
-      @media screen and (max-width: 740px) {
-        order: 2
-        text-align: left
-        align-self: flex-start
-      }
-    }
-
-    // duration
-    em:nth-of-type(3) {
-      order: 3
-      min-width: 50%
-      text-align: right
-      align-self: flex-end
-
-      @media screen and (max-width: 740px) {
-        text-align: left
-        align-self: flex-start
-      }
-    }
-  }
-}