canvas funk

_sass/fonts.scss

@@ -0,0 +1,12 @@
+@font-face {
+  font-family: avant;
+  src: url('../fonts/free_avantgarde.woff');
+}
+@font-face {
+  font-family: avantB;
+  src: url('../fonts/free_avantgardeBOLD.woff');
+}
+@font-face {
+  font-family: oldlondon;
+  src: url('../fonts/OldLondon.ttf');
+}

_sass/mycv.scss

@@ -1,13 +1,6 @@
 /*! sakrecoer sheet */
 
-@font-face {
-  font-family: avant;
-  src: url('../fonts/free_avantgarde.woff');
-}
-@font-face {
-  font-family: avantB;
-  src: url('../fonts/free_avantgardeBOLD.woff');
-}
+
 html,
 body {
   width: 100%;
@@ -93,8 +86,7 @@ a:active {
   display: flex;
   width: 100%;
   height: 100vh;
-  background: linear-gradient(0deg, rgba(31, 31, 31, 0.5), rgba(224, 224, 224, 0.5));
-  background-size: 800% 800%;
+  background: transparent;
   
   -webkit-animation: AnimationName 29s ease infinite;
   -moz-animation: AnimationName 29s ease infinite;
@@ -186,6 +178,7 @@ a:active {
   display: flex;
   flex-wrap: wrap;
   overflow-x: hidden;
+  background-color: #fff;
 }
 .column {
   flex: 1 1 300px;

_sass/poster.scss

@@ -3,12 +3,38 @@
 /////////
 #poster {
   width: 90vw;
-  margin-right: auto !important; }
+  margin-right: auto !important; 
+  display: flex;
+  flex-wrap: wrap;
+  div {
+    flex: 1 1 300px;
+  }  
+  h1, h2, h3, h4 {
+    font-family: oldlondon, Helvetica, Arial, sans-serif;
+    text-transform: lowercase;
+  }
+}
 
 #poster img {
   margin-top: 5px;
-  border-radius: 3px;
+  border-radius: 5px;
+  -moz-border-radius-topright: 9px;
+  -moz-border-radius-bottomright: 9px;
+   -webkit-border-top-right-radius: 9px;
+   -webkit-border-bottom-right-radius: 9px;
   float: left;
   padding-right: 5px;
-  width: 50vw;
+  width: 100%;
+  min-width: 200px;
+
+}
+
+canvas {
+  overflow-x: hidden;
+  position: fixed;
+  top:0;
+  left:0;
+  height:100%;
+  width:100%;
+  z-index: -1;
 }