Modify basic styles for the layout

source/layouts/layout.erb

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

source/stylesheets/all.css.scss

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