#main>header{position:relative}#main>header h2,#main>header p{position:relative;z-index:1}#main>header::after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#2e3842;pointer-events:none;animation:header-fade 3s ease-in-out 1.25s forwards}@keyframes header-fade{from{opacity:1}to{opacity:0}}.feature-link{transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.feature-link:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.25)}#menu{background:#333;width:25em;-moz-transform:translateX(25em);-webkit-transform:translateX(25em);-ms-transform:translateX(25em);transform:translateX(25em)}#menu ul>li>a{padding:.6em 1em;margin:0 -1em;border-radius:6px;transition:background-color .3s ease,color .3s ease,padding-left .3s ease}#menu ul>li>a:hover{background-color:rgba(255,255,255,.15);color:#fff;padding-left:1.4em}.feature-link a{color:inherit;text-decoration:none;display:block}