.banner{padding-top:30px;text-align:center}.code{display:flex;justify-content:space-between;margin:0 auto;max-width:720px}.code div{width:48%}pre{padding:20px;border-radius:6px;color:#476391;background-color:#e7ecf3;overflow:auto}h3,pre{width:100%}h3{max-width:360px;margin:0 auto;padding:10px 0}*{box-sizing:border-box;-webkit-box-sizing:border-box}body{font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:16px}.container{font-family:Avenir,Helvetica,Arial,sans-serif;width:100%;max-width:1200px;margin:0 auto;padding:15px}.wrapper{list-style:none;display:flex;flex-flow:wrap;margin:0;padding:15px 0}.item{display:flex;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;padding:20px;border-radius:6px;cursor:pointer;color:#486491;transition:background-color .2s}.item:hover{background-color:#e7ecf3}.item svg{margin-bottom:12px}