.page#workflow .workflow-block{position:relative;z-index:1;-webkit-perspective:1000px;perspective:1000px}.page#workflow .workflow-block .message{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 150ms ease-out;transition:all 150ms ease-out;font-family:'Roboto Slab','Helvetica Neue',Arial,Helvetica,sans-serif;margin:1.3em 1em;background:#fff;text-align:center}.page#workflow .workflow-block.top{margin-top:3em}.page#workflow .workflow-block.top .inner-column{border-radius:1em 1em 0 0}.page#workflow .workflow-block.bottom .inner-column{border-radius:0 0 1em 1em}.page#workflow .workflow-block .inner-column{width:2em;height:100%;position:absolute;right:50%;margin-right:-1em}.page#workflow .workflow-block.projecting>.inner-column{background-color:#cd2e41}.page#workflow .workflow-block.projecting .message{border:5px solid #cd2e41;border-radius:7px;color:#104795;background-color:#fefbfb}.page#workflow .workflow-block.projecting .message a{color:#104795;border-bottom:2px dashed #cd2e41}.page#workflow .workflow-block.projecting .message a:hover{border-bottom:2px solid #cd2e41;text-decoration:none}.page#workflow .workflow-block.design>.inner-column{background-color:#ff981c}.page#workflow .workflow-block.design .message{border:5px solid #ff981c;border-radius:7px;color:#a01425;background-color:#fffcf8}.page#workflow .workflow-block.design .message a{color:#a01425;border-bottom:2px dashed #ff981c}.page#workflow .workflow-block.design .message a:hover{border-bottom:2px solid #ff981c;text-decoration:none}.page#workflow .workflow-block.design .message p{margin:0}.page#workflow .workflow-block.design .message p img{position:relative;bottom:-24px}.page#workflow .workflow-block.frontend>.inner-column{background-color:#418b1b}.page#workflow .workflow-block.frontend .message{border:5px solid #418b1b;border-radius:7px;color:#104795;background-color:#f8fbf7}.page#workflow .workflow-block.frontend .message a{color:#104795;border-bottom:2px dashed #418b1b}.page#workflow .workflow-block.frontend .message a:hover{border-bottom:2px solid #418b1b;text-decoration:none}.page#workflow .workflow-block.backend>.inner-column{background-color:#1254b0}.page#workflow .workflow-block.backend .message{border:5px solid #1254b0;border-radius:7px;color:#2b630e;background-color:#f8fafd}.page#workflow .workflow-block.backend .message a{color:#2b630e;border-bottom:2px dashed #1254b0}.page#workflow .workflow-block.backend .message a:hover{border-bottom:2px solid #1254b0;text-decoration:none}