body{font-family:sans-serif;text-align:center;text-wrap:nowrap;margin:0;display:flex;flex-direction:column;justify-content:space-around;height:100vh}.graphs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.highlight{background-color:#ff0;animation:fadeOutBg .5s forwards ease-in-out}@keyframes fadeOutBg{0%{background-color:#ff0}to{background-color:transparent}}.block-container{display:flex;flex-direction:column;align-items:center;padding:5px 0}.block{text-align:center;height:40px;display:flex;align-items:center;justify-content:center;font-family:sans-serif;position:relative;cursor:pointer;color:gray}.block-blue{border:3px solid #3ab4d9}.block-red{border:3px solid #D96C3A}strong{color:#d96c3a;position:absolute;right:3px;top:0}.block-line{display:flex;justify-content:center}.connector-line{top:100%;height:40px;width:100%;pointer-events:none;position:absolute}.connector-line.left{left:0}.connector-line.right{left:50%}svg line{stroke:gray;stroke-width:2}.block-wrap{height:80px;margin:0 20px}h1{color:#d96c3a;font-size:50px}