.hero .screenvisual,.hero .screenvisual .screenshot,main .clearfix.wrapper .col,main .clearfix.wrapper .col+.visual{opacity:1}.underlayer,.overlayer{display:none}.codeblock{position:absolute;left:9.3%;top:14.7%;width:81%;height:58.5%;padding:1.5em;background:#0f202c;color:white;font-family:'Apercu',sans-serif;box-sizing:border-box;display:none}.codeblock.active{display:block}.codeblock .green{color:#29b973}.codeblock .blue{color:#2a7ed3}.codeblock .darkblue{color:#2882f9}.codeblock .yellow{color:#f9e922}.codeblock .aqua{color:#38bdc1}.codeblock .orange{color:#f77466}.toggles{position:absolute;bottom:30%;left:0;width:100%;text-align:center;z-index:100}.toggles a{background:rgba(255,255,255,.3);color:white;display:inline-block;padding:.5em 1em;border-radius:5px 0 0 5px;font-weight:bold;text-transform:uppercase;font-size:12px;transition:all .3s}.toggles a+a{border-radius:0 5px 5px 0}.toggles a:hover{background:rgba(255,255,255,.5)}.toggles a.active{background:white;color:#0f202c}@media only screen and (min-width:751px){h1{font-size:70px}}