@import url('https://fonts.googleapis.com/css?family=Oswald');$base-color:#fff;$second-color:#3F51B5;$third-color:#FBC02D;$site:#303F9F;$light:#fff;body{position:relative;font-family:'Oswald',sans-serif;background:$site;color:$light;font-size:20px}.grid{list-style:none;margin-left:-40px}.gc{box-sizing:border-box;display:inline-block;margin-right:-.25em;min-height:1px;padding-left:40px;vertical-align:top}.gc--1-of-3{width:33.33333%}.gc--2-of-3{width:66.66666%}.naccs{position:relative;max-width:900px;margin:0 auto 0}.naccs .menu div{padding:15px 20px 15px 40px;margin-bottom:10px;color:$base-color;background:$second-color;box-shadow:0 0 3px rgba(0,0,0,0.1);cursor:pointer;position:relative;vertical-align:middle;font-weight:700;transition:1s all cubic-bezier(0.075,0.82,0.165,1)}.naccs .menu div:hover{box-shadow:0 0 10px rgba(0,0,0,0.1)}.naccs .menu div span.light{height:10px;width:10px;position:absolute;top:24px;left:15px;background-color:$base-color;border-radius:100%;transition:1s all cubic-bezier(0.075,0.82,0.165,1)}.naccs .menu div.active span.light{background-color:$third-color;left:0;height:100%;width:3px;top:0;border-radius:0}.naccs .menu div.active{color:$third-color;padding:15px 20px 15px 20px}ul.nacc{position:relative;height:0px;list-style:none;margin:0;padding:0;transition:.5s all cubic-bezier(0.075,0.82,0.165,1)}ul.nacc li{opacity:0;transform:translateX(50px);position:absolute;list-style:none;transition:1s all cubic-bezier(0.075,0.82,0.165,1)}ul.nacc li.active{transition-delay:.3s;z-index:2;opacity:1;transform:translateX(0px)}ul.nacc li p{margin:0}