body{font-family:'Nunito', sans-serif;padding:18vh 1rem}h2{font-size:22px;color:#5b5b5c;font-weight:700}a{color:#1F2667}a:focus,a:hover{color:rgba(0,0,0,0.6)}.navbar-header{font-family:"Work Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size:20px}.navbar{margin-bottom:5px}.site-brand{font-weight:700;font-size:25px;color:#1F2667}.site-brand span{font-weight:500}.left-sidebar{padding-top:15px;margin-left:1em;min-width:50px}.left-sidebar a{display:block;color:#dcd6d6;margin-bottom:10px}.left-sidebar a:hover{color:darkgrey}.right-sidebar{width:320px}.right-block{width:310px;height:275px}.main{background-color:#ffffff;margin-bottom:5px}.tutorial-main{border-top:1px solid lightgrey}.divbox-wrap{height:200px}#divbox-area{height:200px;width:600px}#border-intro h1{font-size:26px;color:#5B5B5C;font-weight:700;font-style:normal;letter-spacing:0.025em;font-family:'Nunito', sans-serif}#border-intro p,#divbox-text p{font-size:20px;color:#5B5B5C;font-weight:500;font-style:normal;letter-spacing:0.025em;font-family:'Nunito', sans-serif}#divbox-container{margin-bottom:5px;margin-right:5px;width:200px;float:left}#divbox-text{width:250px;float:left;margin-left:30px}#divbox{padding:25px;background-color:#EAEAE7;width:200px;margin-bottom:20px;font-size:15px}.divborder{border-width:0px;border-style:solid;border-color:darkgrey}#border-slider,#radius-slider{position:relative;height:20px;width:250px;border-radius:3px}#border-slider .handle,#radius-slider .handle{height:20px;line-height:20px;border-radius:3px}#border-slider .red-bar,#radius-slider .red-bar{width:60px}#border-slider .value,#radius-slider .value{padding:0 0 0 5px;font-size:15px;font-weight:bold}#border-type-choice span{padding-right:5px}.controls{margin-bottom:5px;height:150px}.control-area{float:left}#borderstyle{margin-bottom:5px}.code-section{min-height:220px;background:#1C1B67;width:475px;border-radius:4px;margin-top:10px}.code-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:45px;background:#000000;border-top-left-radius:4px;border-top-right-radius:4px}.code-tab-item{line-height:45px;font-size:12px;font-weight:bold;letter-spacing:0.2em;background:#1C1B67;padding:0 20px;color:white;border-top-left-radius:4px}.code-listing{padding-left:20px;padding-top:10px;padding-bottom:10px;font-weight:bold;color:white;font-size:16px;font-family:monospace, serif;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.example{margin-top:10px;margin-bottom:10px}pre.example{background:#D9E4F6}.tutorial-demo{margin-left:20px;width:300px;font-size:18px}#tutorial_adv_1{border-top:10px dotted #F52D0B;border-right:5px dashed #F9EA09;border-bottom:10px solid #0964F9;border-left:5px dashed #000000;padding:10px}#tutorial_flag_belgium{border-left:66px black solid;border-right:66px red solid;background-color:yellow;width:200px;height:100px}#tutorial_flag_czech{border-left:100px blue solid;border-top:50px white solid;border-bottom:50px red solid;width:200px;height:100px}#tutorial-radius-1{border-radius:10px;border:1px solid darkgrey;padding:20px}#tutorial-radius-2{border-radius:50px;border:1px solid darkgrey;padding:20px}#tutorial-radius-3{border-radius:10px;border-top-left-radius:75px 50px;border:1px solid darkgrey;padding:20px}.reslist{font-size:20px}.resources a:link{color:#C70039}.resources a:visited{color:#900C3F}