diff --git a/index.html b/index.html
index 117826c..65326ef 100644
--- a/index.html
+++ b/index.html
@@ -177,6 +177,8 @@ <h2>Select a design</h2>
                 <a href="http://kizu.ru/en/">Roman Komarov</a></li>
             <li><a href="#simplebox">SimpleBox</a>
                 <a href="http://raelmax.com">Rael Max</a></li>
+            <li><a href="#facepalm">Facepalm</a>
+                <a href="http://www.radium-v.com/">John Kreitlow</a></li>
            </ul>
     </nav>
 
diff --git a/styles/facepalm.css b/styles/facepalm.css
new file mode 100644
index 0000000..45950e9
--- /dev/null
+++ b/styles/facepalm.css
@@ -0,0 +1 @@
+*{box-sizing:border-box}html{overflow-x:hidden}body{background:#FFA49D;color:#3B3B3B;margin:0;font:13px/22px sans-serif;overflow-x:hidden;padding:0;text-transform:uppercase}h1{left:0;margin:0;position:fixed;top:40px;line-height:20px}header,h2{font:40px/40px sans-serif;position:relative}header>p{margin:120px;font-size:20px}nav,article h2{background:#FF7474;left:-40px;overflow-x:auto;padding:0 40px;text-align:left;top:200px;transform-origin:0;transform:rotate(-20deg);width:3000px}nav{position:fixed;z-index:2}nav h2{font-size:30px;line-height:32px}ul{background:#3B3B3B;bottom:0;display:block;left:0;line-height:30px;margin:0;opacity:0.4;position:absolute;transition:opacity 0.4s linear;width:27000px}ul:hover{opacity:1}section p{background:#A8877E;padding:26px}h2+p,ol{margin-top:150px;margin-left:100px}section p:last-child{margin:0 100px 100px 0}ul li{font-size:20px;display:inline-block;margin:0 10px}article{max-width:960px;margin:100px auto 0}a{color:#FF476C;text-decoration:none}li a+a{color:#A8877E}
\ No newline at end of file