@font-face{font-family:'Open Sans';src:url('../../vendors/Open_Sans/OpenSans-Light.ttf');font-weight:300}@font-face{font-family:'Open Sans';src:url('../../vendors/Open_Sans/OpenSans-Regular.ttf');font-weight:400}html,body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Open Sans","Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#555}a{color:#3f51b5;text-decoration:none}a:focus,a:hover{color:#23527c}pre{background:#f3f2f9;padding:5px}code{padding:3px}.header{overflow:hidden;background:#4776e6;background:-webkit-linear-gradient(to right,#8e54e9,#4776e6);background:linear-gradient(to right,#8e54e9,#4776e6);color:white;letter-spacing:.3em;font-family:'Zilla Slab',serif;text-transform:uppercase;padding-bottom:40px}.header .navbar{margin-bottom:15vh}.header .navbar a{color:white!important;padding-bottom:2px;margin-right:15px}.header .navbar a:hover,.header .navbar a:focus{background-color:inherit;border-bottom:1px solid white;padding-bottom:1px}.header h1,.header h2,.header h3{margin:5px}.header .typing{font-size:20px;margin-top:10px;overflow:hidden;white-space:nowrap;margin:0 auto;width:17em;animation:typing 2.2s steps(18,end),blinkTextCursor .75 steps(18) 5s;animation-delay:1s}@keyframes typing{from{width:0}to{width:18em}}@keyframes blinkTextCursor{from{border-right:1px solid orange}to{border-right:transparent}}.header .viewmore{color:#fff}.viewmore,a.viewmore:visited{font-size:40px}a.viewmore:hover{color:#343434}.card-header{padding:.3rem .5rem}.blog-header{cursor:pointer}.main{padding:20px 10px;font-size:18px;max-width:750px}.article{margin-bottom:50px}.article-header{font-size:1.7rem;font-weight:400;color:#333}a.article-header:hover{text-decoration:none;color:#23527c}.article .more{color:#5e5ea5;border-bottom:1px #5e5ea5 dotted;text-decoration:none}.article .more:hover{text-decoration:none}.article{margin-top:10px;margin-bottom:50px;font-weight:300;text-align:justify}.article ol{padding-left:20px}.article code{color:#1d2863;background-color:#f3f2f9;font-family:monospace;letter-spacing:-.5px}.article .gif_source{border:1px solid #d8d8d8;margin:20px auto}.article .note{border-top:2px solid #999;border-bottom:2px solid #999;padding:10px;font-style:italic;font-size:.8em}table.example,table.roles{text-align:center;font-size:12px;margin:5px}table.example tr:first-child{background-color:#dedede}table.example tr:last-child{color:green}table.example tr:nth-child(odd){background-color:#eee}table.example td,table.roles td{border:3px solid #ddd;padding:5px 25px}.btn-top{border:1px solid #ccc;border-radius:50%;color:#FFF;font-size:30px;background-color:#ddd;opacity:.7;position:fixed;bottom:130px;right:30px;width:60px;height:60px;padding-left:15px;padding-top:5px;display:none;cursor:pointer}.btn-top a{color:#FFF;text-decoration:none}.footer{height:100px;clear:both;padding:10px;width:100%;background-color:#4a4a4a;color:#d6d6d6;text-align:center}.footer{clear:both;padding:15px;width:100%;background-color:#4a4a4a;color:#d6d6d6;text-align:center}button{outline:0}.interview-steps{max-width:500px;margin:0 auto;background:linear-gradient(to bottom,#84c558,#3b8619)}.interview-steps .nav-block{width:100%;padding:15px;text-align:center;color:#fff;border:1px solid whitesmoke;background:transparent}.interview-steps .nav-block span{width:150px;float:right;text-align:right}table td{padding:5px;border:1px solid grey}a.tag{padding:2px 7px;border-radius:8px;background:#dadaff}a.tag:hover,a.tag:active{text-decoration:none}.btn{color:#fff;border-color:#5570e6;background:#5570e6;border-radius:25px;padding:15px 25px;font-weight:600;font-size:12px;text-transform:uppercase;text-decoration:none;outline:0}.btn:active,.btn:hover,.btn:focus{color:#fff;border-color:#5d5ea4;background:#5d5ea4;box-shadow:none;outline:0;-moz-outline-style:none}a.btn:active,a.btn:hover,a.btn:focus{box-shadow:none;outline:0;-moz-outline-style:none}