further updates to styles to neaten the layout. Fixed reference to Bergen to Norway to keep in style with the other entries

css/styles.css

@@ -3,7 +3,8 @@
 body {
   font: 1.6em "THSarabunNewRegular", Helvetica, sans-serif;
   color: #333;
-  line-height: 0.8em; }
+  line-height: 0.8em;
+}
 
 a {
   color: #FF3300;
@@ -12,16 +13,20 @@ a {
   -moz-transition: color 0.3s ease;
   -o-transition: color 0.3s ease;
   -webkit-transition: color 0.3s ease;
-  transition: color 0.3s ease; }
+  transition: color 0.3s ease;
-  a:hover {
+}
-    color: #99FFFF;
+
-    -moz-transition: color 1s ease;
+a:hover {
-    -o-transition: color 1s ease;
+  color: #99FFFF;
-    -webkit-transition: color 1s ease;
+  -moz-transition: color 1s ease;
-    transition: color 1s ease; }
+  -o-transition: color 1s ease;
+  -webkit-transition: color 1s ease;
+  transition: color 1s ease;
+}
 
 h1, h2, h3, h4, h5 {
-  font-family: "TeXGyreAdventorRegular", sans-serif; }
+  font-family: "TeXGyreAdventorRegular", sans-serif;
+}
 
 footer {
   grid-row: 9 / span 1;
@@ -35,17 +40,21 @@ footer {
 iframe {
   max-width: 100%;
   max-height: auto;
-  border: thin #99FFFF dashed; }
+  border: thin #99FFFF dashed;
+}
 
 nav {
   width: 100%;
   margin: 20px 0;
-  text-align: center; }
+  text-align: center;
+}
   nav ul {
-    list-style: none; }
+    list-style: none;
+  }
     nav ul li {
       display: inline-block;
-      padding: 0 15px; }
+      padding: 0 15px;
+    }
 
 #wrapper {
   max-width: 900px;
@@ -53,21 +62,25 @@ nav {
   display: grid;
   grid-gap: 10px;
   grid-template-columns: repeat(6) 10%;
-  grid-template-rows: repeat(9); }
+  grid-template-rows: repeat(9);
+}
   #wrapper div img, #wrapper div video, #wrapper div object, #wrapper section img, #wrapper section video, #wrapper section object, #wrapper header img, #wrapper header video, #wrapper header object, #wrapper footer img, #wrapper footer video, #wrapper footer object {
-    max-width: 100%; }
+    max-width: 100%;
+  }
 
 header {
   grid-column: 3 / span 4;
   grid-row: 1 / span 4;
   align-self: stretch;
-  text-align: right; }
+  text-align: right;
+}
 
 .one {
   grid-column: 1 / span 2;
   grid-row: 4 / span 2;
   align-self: top;
-  z-index: 3; }
+  z-index: 3;
+}
 
 .text {
   grid-column: 1 / span 4;
@@ -76,50 +89,67 @@ header {
   font-size: 0.8em;
   text-align: justify;
   padding: 20px 40px;
-  border: thin #99FFFF dashed; }
+  border: thin #99FFFF dashed;
+}
 
 .work {
   grid-column: 2 / 6;
-  grid-row: 5 / auto; }
+  grid-row: 5 / auto;
-  .work img, .work object, .work iframe {
+}
-    display: block;
+
-    margin: 100px auto;
+.work img, .work object, .work iframe {
-    border: thin #99FFFF dashed; }
+  display: block;
-  .work img, .work object:first-of-type {
+  margin: 100px auto;
-    margin: 0px auto 100px; }
+  border: thin #99FFFF dashed;
+}
+
+.work img, .work object:first-of-type {
+  margin: 0px auto 100px;
+}
 
 .inPage {
-  grid-row: 8 / auto; }
+  grid-row: 8 / auto;
+}
 
 .cv section:first-of-type {
   grid-column: 1 / 6;
   grid-row: 1 / span 1;
   padding: 0 20px;
-  border: thin #99FFFF dashed; }
+  border: thin #99FFFF dashed;
-  .cv section:first-of-type #me {
+}
-    position: relative;
+
-    top: 5px;
+.cv section:first-of-type #me {
-    width: 25%;
+  position: relative;
-    text-align: right;
+  top: 5px;
-    font-style: italic; }
+  width: 25%;
+  text-align: right;
+  font-style: italic;
+}
 
 .cv #edu {
   grid-column: 4 / 6;
   grid-row: 2 / 3;
-  align-self: center; }
+  align-self: center;
+}
 
 .cv #music {
   grid-column: 1 / span 2;
   grid-row: 3 / 5;
-  align-self: start; }
+  align-self: start;
+}
 
 .cv #things {
+  position: relative;
+  top:-150px;
+  left:20px;
   grid-column: 3 / 4;
   grid-row: 2 / 5;
   align-self: center;
-  padding: 0 50px 0 0; }
+  padding: 0 50px 0 0;
+}
 
 .cv #prof {
-  grid-column: 3 / 6;
+  grid-column: 4 / 6;
-  grid-row: 6;
+  grid-row: 3 / 3;
-  align-items: start; }
+  align-items: start;
+}

cv.html

@@ -47,7 +47,7 @@
 
         <p><em>Thresholds of the Algorithmic</em><br>
         Algorithms that Matter<br>
-        2018 (upcoming) // Bergen<br>
+        2018 (upcoming) // Norway<br>
         Workshop-in-Exposition is a hybrid format that places the workshop inside an exhibition context, where the exposed works and artefacts form the basis of the workshop’s activity.</p>
 
         <p><em>Get a Room Residency</em><br>