nav a{text-decoration:none;color:#000;font-family:JuneBug,Verdana,Tahoma;position:relative;display:inline-block;margin:0 20px;font-weight:400px;font-size:24px}section{margin:0 auto;padding:0;text-align:center}.effect5{position:relative;z-index:1}.effect5 a{margin:0 5px;overflow:hidden}.effect5 a span{color:#fff;background:#2E2E2E;display:block;padding:0;width:120px;transition:transform .3s;-moz-transition:-moz-transform .3s;-webkit-transition:-webkit-transform .3s}.effect5 a::before{color:#000;background:#fff;position:absolute;top:0;left:0;z-index:-1;padding:10px 0;width:100%;height:100%;font-size:20px;font-family:JuneBug,Tahoma;content:attr(data-hover);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}.effect5 a:hover span,.effect5 a:focus span{transform:translateY(100%);-moz-transform:translateY(100%);-webkit-transform:translateY(100%)}.effect5 a:hover::before,.effect5 a:focus::before{transform:translateY(0%);-moz-transform:translateY(0%);-webkit-transform:translateY(0%)}