Modify basic styles for the layout

source/layouts/layout.erb

@@ -38,6 +38,9 @@
         </p>
       </div>
     </header>
-    <%= yield %>
+
+    <section>
+      <%= yield %>
+    </section>
   </body>
 </html>

source/stylesheets/all.css.scss

@@ -1,55 +1,83 @@
 @charset "utf-8";
 
 body {
-  background: #d4d4d4 url("../images/background.png");
-  text-align: center;
-  font-family: sans-serif; }
+  font: 14px Verdana, sans-serif;
+  background: #99a;
+  color: #eee;
+  & > section {
+    margin: 0 4em;
+    margin-top: 220px;
+  }
+}
 
-h1 {
-  color: rgba(0, 0, 0, .3);
-  font-weight: bold;
-  font-size: 32px;
-  letter-spacing: -1px;
-  text-transform: uppercase;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
-  background: url("../images/middleman.png") no-repeat center 100px;
-  padding: 350px 0 10px;
-  margin: 0; }
+a {
+  color: #bbb;
+  &:hover {
+    color: white;
+  }
+}
 
-.doc {
-  font-size: 14px;
-  margin: 0; }
-  .doc:before,
-  .doc:after {
-    opacity: .2;
+#lang {
+  padding: 0;
+  position: absolute;
+  top: 0;
+  right: 4em;
+  margin: 0;
+  list-style-type: none;
+  li {
+    display: inline-block;
     padding: 6px;
-    font-style: normal;
-    position: relative;
-    content: "•"; }
-  .doc a {
-    color: rgba(0, 0, 0, 0.3); }
-    .doc a:hover {
-      color: #666; }
+    margin-left: 10px;
+    background: rgba(0, 0, 0, 0.6);
+    border: 2px solid white;
+    border-top: none;
 
-.welcome {
-  -webkit-animation-name: welcome;
-  -webkit-animation-duration: .9s; }
+    a {
+      text-decoration: none;
+      text-transform: uppercase;
+    }
+  }
+}
 
-@-webkit-keyframes welcome {
-  from {
-    -webkit-transform: scale(0);
-    opacity: 0;
+header {
+  width: 18em;
+  padding: 20px;
+  background-color: rgba(0,0,0,0.9);
+  border: 2px solid white;
+  border-top: none;
+
+  position: absolute;
+  top: 0;
+  left: 4em;
+
+  h1 {
+    font-size: 2.0em;
+    font-weight: normal;
+    font-family: 'Times New Roman', Times, serif;
+    margin: 5px 0;
   }
-  50% {
-   -webkit-transform: scale(0);
-   opacity: 0;
+  h2 {
+    font-size: 1.2em;
+    font-weight: normal;
+    margin: 2px 0;
   }
-  82.5% {
-    -webkit-transform: scale(1.03);
-    -webkit-animation-timing-function: ease-out;
-    opacity: 1;
+  #download_cv {
+    margin-top: 20px;
+    img {
+      float: left;
+      margin-right: 10px;
+    }
+    p {
+      padding-top: 4px;
+      font-size: 1.1em;
+      font-weight: normal;
+    }
+    a {
+      text-decoration: none;
+    }
+    .st {
+      font-size: 0.8em;
+      font-weight: normal;
+    }
   }
-  to {
-    -webkit-transform: scale(1);
-  }
-}
+}