@-webkit-keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}body,html{margin:0;padding:0;font-family:Century Gothic,Lucida Grande,Arial,sans-serif}header{height:100vh;background-size:cover;position:center;display:flex;flex-direction:column}header p{width:600px;margin:0 auto 20px}h2{margin-top:0}.meta{display:block;text-align:right}.category,.date{font-style:italic}.box{background:hsla(0,0%,100%,.75);padding:25px;position:absolute;top:15%;width:500px;font-size:13px;left:180px;right:auto;text-align:left;transition:left .5s ease-in-out 0s}.box a{color:#000;text-decoration:underline}.box a:hover{color:grey}.box.hidden{left:-525px}.box.hidden:hover{left:-450px;cursor:pointer}.box .close{position:absolute;top:5px;right:10px;opacity:.6}.box .close:hover{opacity:1;cursor:pointer}a{color:hsla(0,0%,100%,.9);text-decoration:none}a:hover{color:#fff}ul{list-style-type:none;text-transform:uppercase;margin:5px 0;font-size:13px;padding:0 7px}#menu{width:100%;height:60px;position:absolute;bottom:100px}#menu .header{background:#000;bottom:0;left:0;position:absolute;top:0;width:200px}#menu .header a{bottom:10px;position:absolute;right:10px}#menu .navigation{background:rgba(0,0,0,.45);bottom:0;left:202px;position:absolute;right:0;top:0;display:flex}#menu .navigation ul{width:130px}#menu .navigation .social{height:100%;flex:1 auto;font-size:2.2em;line-height:60px;text-align:right;padding-right:1.5em}#menu .navigation .social a{transition:color .4s ease 0s;color:#d9d9d9}#menu .navigation .social a:hover{transition:color 1s ease 0s;color:#fff}#menu .navigation .social a:hover.rss{color:orange}#menu .navigation .social a:hover.twitter{color:#55acee}.arrow{visibility:hidden}@media (max-width:700px){header{background-position:50%}.arrow{position:fixed;bottom:10px;left:50%;margin-left:-20px;width:40px;height:40px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjkzLjc1MSA0NTUuODY4Yy0yMC4xODEgMjAuMTc5LTUzLjE2NSAxOS45MTMtNzMuNjczLS41OTUtMjAuNTA4LTIwLjUwOC0yMC43NzMtNTMuNDkzLS41OTQtNzMuNjcybDE4OS45OTktMTkwYzIwLjE3OC0yMC4xNzggNTMuMTY0LTE5LjkxMyA3My42NzIuNTk1IDIwLjUwOCAyMC41MDkgMjAuNzcyIDUzLjQ5Mi41OTUgNzMuNjcxTDI5My43NTEgNDU1Ljg2OHoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjIwLjI0OSA0NTUuODY4YzIwLjE4IDIwLjE3OSA1My4xNjQgMTkuOTEzIDczLjY3Mi0uNTk1IDIwLjUwOS0yMC41MDggMjAuNzc0LTUzLjQ5My41OTYtNzMuNjcybC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLjU5NS0yMC41MDggMjAuNTA5LTIwLjc3MiA1My40OTItLjU5NSA3My42NzFsMTg5Ljk5OCAxOTAuMDAxeiIvPjwvc3ZnPg==);background-size:contain;visibility:visible;z-index:100}.box{position:relative;background-color:#fff;left:0;width:auto;margin-bottom:30px;z-index:200}.box .close{visibility:hidden}#menu{top:0}}@media (max-width:500px){header{background-position:50%}#menu .header{width:150px}#menu .navigation{left:152px}#menu .navigation .social{font-size:1.5em}}@media (max-width:415px){#menu .header{width:150px}#menu .navigation{left:152px}#menu .navigation .social{font-size:1.1em}}@media (max-height:700px){#menu{top:0}}