opt-aap

*,::after,::before{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;margin:0;padding:0;}body{min-width:100%;min-height:100%;}body > aside{position:fixed;top:0;left:0;bottom:0;width:250px;background:#333;box-shadow:0 0 8px 2px rgba(0,0,0,0.6);z-index:1;}body > div{position:absolute;top:0;right:0;bottom:0;left:250px;background:#32c973;z-index:-1;}body > aside > nav{position:absolute;top:36%;left:0;right:0;padding:10px 0;}body > aside > nav
a{display:block;width:100%;text-align:center;text-decoration:none;padding:16px 0;}body > aside > nav
a::before{color:#32c973;font-size:1.8em;font-weight:900;text-shadow:0 0 1px #9f9;}body > aside > nav
a > h4{color:#fff;display:inline;font-family:sitefont;font-size:1.8em;font-weight:400;text-shadow:0 0 6px #666;margin-left:6px;white-space:nowrap;}body > aside > nav ul li a h4::after{display:inline;width:100%;color:#ccc;float:left;font-size:.4em;font-family:sitefont;}body > aside > nav ul li:nth-child(1)
a h4::after{content:"Nossa missão e valores";text-indent:100px;}body > aside > nav ul li:nth-child(2)
a h4::after{content:"O que gostamos de fazer";text-indent:100px;}body > aside > nav ul li:nth-child(3)
a h4::after{content:"Entre em contato";text-indent:130px;}body > aside > footer{position:absolute;bottom:0;left:0;right:0;text-align:center;background:linear-gradient(tobottom,transparent,#33380%);padding:10px 0;}body > aside > footer a{color:#32c973;display:inline-block;font-size:1.8em;font-weight:900;text-decoration:none;white-space:nowrap;margin:0 4px;}body > aside > a{position:absolute;top:5%;left:0;right:0;display:block;color:#32c973;font-family:cat;font-size:5em;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;vertical-align:middle;text-indent:0;padding:6px 0;}