:root{--menubar-height:52px;--page-padding-top:var(--menubar-height);--page-width:100%;--page-max-width:1920px;--content-max-width:1200px;--content-max-width-narrow:800px;--content-space-v:48px;--hero-height:60vh;--module-height:40;--column-gap-default:12px;--column-gap-big:24px;--row-gap-default:12px;--row-gap-big:24px;--color-back-blockquote:#f5f5f5;--color-border-blockquote:var(--color-secondary);--color-primary:#FF8200;--color-primary-contrast:#dd6200;--color-secondary:#00A3E0;--color-darkgray:#222;--color-lightgray:#eee;--color-midgray:#888;--color-back:none;--color-text:black;--color-text-a:black;--color-text-a-hover:var(--color-primary);--color-border-a:none;--color-blockquote:var(--color-secondary);--color-border:#bbb;--color-text-muted:#444;--color-text-time:#aaa;--color-back-button-primary:var(--color-primary-contrast);--color-text-button-primary:white;--color-back-button-primary-hover:var(--color-primary);--color-text-button-primary-hover:white;--color-back-button-secondary:none;--color-text-button-secondary:var(--color-secondary);--color-text-button-secondary-hover:var(--color-secondary);--font-base-size:1.5vw;--font-base-size-sm-screen:4.2vw;--font-family:Whitney SSm A, Whitney SSm B;--font-weight:400;--font-family-b:Whitney SSm A, Whitney SSm B;--font-weight-b:700;--font-family-h:Gotham SSm A, Gotham SSm B;--font-weight-h:700;--font-family-button:Gotham SSm A, Gotham SSm B;--font-weight-button:700;--font-ratio:1;--line-height:1em;--text-align:left;--text-transform:none;--font-ratio-h1:2;--line-height-h1:1.2em;--text-transform-h1:uppercase;--font-ratio-h2:1.5;--line-height-h2:1.2em;--text-transform-h2:none;--font-ratio-h3:1.25;--line-height-h3:1.2em;--text-transform-h3:none;--font-ratio-h4:1.25;--line-height-h4:1.2em;--text-transform-h4:none;--font-ratio-h5:1;--line-height-h5:1.2em;--text-transform-h5:none;--margin-top-li:0.5em;--margin-bottom-li:0.5em;--line-height-li:1.5em;--margin-top-p:1em;--margin-bottom-p:1em;--line-height-p:1.6em;--font-ratio-button-primary:1;--text-align-button-primary:center;--text-transform-button-primary:uppercase;--font-ratio-button-secondary:1;--text-transform-button-secondary:uppercase}@media(max-width:720px){:root{--module-height:140;--column-gap-default:4vw;--column-gap-big:4vw;--row-gap-default:4vw;--row-gap-big:4vw;--font-base-size:var(--font-base-size-sm-screen)}}@media(min-width:1920px){:root{--font-base-size:28px}}*{box-sizing:border-box;scroll-margin-top:calc(var(--menubar-height) + 48px)}a{background-color:var(--color-back-a);color:var(--color-text-a);font-family:var(--font-family);font-weight:var(--font-weight);font-size:calc(var(--font-ratio) * var(--font-base-size));line-height:var(--line-height);text-align:var(--text-align);text-transform:var(--text-transform);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);border-bottom:1px dotted var(--color-border-a);text-decoration:none;transition:all .35s}a:hover,a:focus{background-color:var(--color-back-a-hover);color:var(--color-text-a-hover);transition:all .35s}p>a,h1>a,h2>a,h3>a,h4>a,h5>a{font-family:inherit;font-weight:inherit;font-size:inherit;color:inherit;text-transform:inherit}aside{background-color:var(--color-back);color:var(--color-text)}b{background-color:var(--color-back-b);color:var(--color-text-b);font-family:var(--font-family-b);font-weight:var(--font-weight-b);font-size:calc(var(--font-ratio) * var(--font-base-size));line-height:var(--line-height-b);text-align:var(--text-align-b);text-transform:var(--text-transform-b);margin-top:var(--margin-top-b);margin-bottom:var(--margin-bottom-b)}blockquote{background-color:var(--color-back-blockquote);color:var(--color-text-blockquote);margin-top:var(--margin-top-blockquote);margin-bottom:var(--margin-bottom-blockquote);font-family:var(--font-family-blockquote);font-weight:var(--font-weight-blockquote);font-size:calc(var(--font-ratio-blockquote) * var(--font-base-size));line-height:var(--line-height-blockquote);text-align:var(--text-align-blockquote);text-transform:var(--text-transform-blockquote);margin-top:var(--margin-top-blockquote);margin-bottom:var(--margin-bottom-blockquote);border-left:4px solid var(--color-border-blockquote);margin-left:0;margin-right:0;padding:1em}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}body{margin:0 auto;padding-top:var(--menubar-height);width:var(--page-width)}@media(min-width:1920px){body{--page-width:var(--page-max-width)}}div{background-color:var(--color-back);color:var(--color-text)}footer{background-color:var(--color-back);color:var(--color-text)}h1{background-color:var(--color-back-h1);color:var(--color-text-h1);font-family:var(--font-family-h);font-weight:var(--font-weight-h);font-size:calc(var(--font-ratio-h1) * var(--font-base-size));line-height:var(--line-height-h1);text-align:var(--text-align-h1);text-transform:var(--text-transform-h1);margin-top:var(--margin-top-h1);margin-bottom:var(--margin-bottom-h1)}h2{background-color:var(--color-back-h2);color:var(--color-text-h2);font-family:var(--font-family-h);font-weight:var(--font-weight-h);font-size:calc(var(--font-ratio-h2) * var(--font-base-size));line-height:var(--line-height-h2);text-align:var(--text-align-h2);text-transform:var(--text-transform-h2);margin-top:var(--margin-top-h2);margin-bottom:var(--margin-bottom-h2)}h3{background-color:var(--color-back-h3);color:var(--color-text-h3);font-family:var(--font-family-h);font-weight:var(--font-weight-h);font-size:calc(var(--font-ratio-h3) * var(--font-base-size));line-height:var(--line-height-h3);text-align:var(--text-align-h3);text-transform:var(--text-transform-h3);margin-top:var(--margin-top-h3);margin-bottom:var(--margin-bottom-h3)}h4{background-color:var(--color-back-h4);color:var(--color-text-h4);font-family:var(--font-family-h);font-weight:var(--font-weight-h);font-size:calc(var(--font-ratio-h4) * var(--font-base-size));line-height:var(--line-height-h4);text-align:var(--text-align-h4);text-transform:var(--text-transform-h4);margin-top:var(--margin-top-h4);margin-bottom:var(--margin-bottom-h4)}h5{background-color:var(--color-back-h5);color:var(--color-text-h5);font-family:var(--font-family-h);font-weight:var(--font-weight-h);font-size:calc(var(--font-ratio-h5) * var(--font-base-size));line-height:var(--line-height-h5);text-align:var(--text-align-h5);text-transform:var(--text-transform-h5);margin-top:var(--margin-top-h5);margin-bottom:var(--margin-bottom-h5)}header{background-color:var(--color-back);color:var(--color-text)}img{display:block;max-width:100%;height:auto}input{font-family:var(--font-family);font-weight:var(--font-weight);font-size:calc(var(--font-ratio) * var(--font-base-size));line-height:var(--line-height);text-align:var(--text-align);text-transform:var(--text-transform);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom)}li{background-color:var(--color-back-li);color:var(--color-text-li);margin-top:var(--margin-top-li);margin-bottom:var(--margin-bottom-li);font-family:var(--font-family);font-weight:var(--font-weight);font-size:calc(var(--font-ratio) * var(--font-base-size));line-height:var(--line-height-li);text-align:var(--text-align-li);text-transform:var(--text-transfor-lim);margin-top:var(--margin-top-li);margin-bottom:var(--margin-bottom-li)}main{background-color:var(--color-back);color:var(--color-text)}nav{background-color:var(--color-back);color:var(--color-text)}p{background-color:var(--color-back-p);color:var(--color-text-p);margin-top:var(--margin-top-p);margin-bottom:var(--margin-bottom-p);font-family:var(--font-family);font-weight:var(--font-weight);font-size:calc(var(--font-ratio) * var(--font-base-size));line-height:var(--line-height-p);text-align:var(--text-align-p);text-transform:var(--text-transform-p);margin-top:var(--margin-top-p);margin-bottom:var(--margin-bottom-p)}section{background-color:var(--color-back);color:var(--color-text)}span{background-color:var(--color-back);color:var(--color-text)}strong{background-color:var(--color-back-b);color:var(--color-text-b);font-family:var(--font-family-b);font-weight:var(--font-weight-b);font-size:calc(var(--font-ratio) * var(--font-base-size));line-height:var(--line-height-b);text-align:var(--text-align-b);text-transform:var(--text-transform-b);margin-top:var(--margin-top-b);margin-bottom:var(--margin-bottom-b)}textarea{font-family:var(--font-family);font-weight:var(--font-weight);font-size:calc(var(--font-ratio) * var(--font-base-size));line-height:var(--line-height);text-align:var(--text-align);text-transform:var(--text-transform);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom)}time{background-color:var(--color-back-time);color:var(--color-text-time)}ul{margin-top:var(--margin-top-ul);margin-bottom:var(--margin-bottom-ul);list-style-type:var(--list-style-type-ul);padding-left:var(--padding-left-ul)}.cl-core--button-primary{background-color:var(--color-back-button-primary);color:var(--color-text-button-primary);margin-top:var(--margin-top-button-primary);margin-bottom:var(--margin-bottom-button-primary);font-family:var(--font-family-button);font-weight:var(--font-weight-button);font-size:calc(var(--font-ratio-button-primary) * var(--font-base-size));line-height:var(--line-height-button-primary);text-align:var(--text-align-button-primary);text-transform:var(--text-transform-button-primary);margin-top:var(--margin-top-button-primary);margin-bottom:var(--margin-bottom-button-primary);border:none;border-radius:.5em;display:inline-block;list-style:none;margin-left:auto;margin-right:auto;padding:1em 2em}.cl-core--button-primary:hover{background-color:var(--color-back-button-primary-hover);color:var(--color-text-button-primary-hover);transition:background-color .5s;cursor:pointer}.cl-core--button-secondary{background-color:var(--color-back-button-secondary);color:var(--color-text-button-secondary);margin-top:var(--margin-top-button-secondary);margin-bottom:var(--margin-bottom-button-secondary);font-family:var(--font-family-button);font-weight:var(--font-weight-button);font-size:calc(var(--font-ratio-button-secondary) * var(--font-base-size));line-height:var(--line-height-button-secondary);text-align:var(--text-align-button-secondary);text-transform:var(--text-transform-button-secondary);margin-top:var(--margin-top-button-secondary);margin-bottom:var(--margin-bottom-button-secondary);border:none;border-radius:.5em;display:inline-block;list-style:none;padding:0}.cl-core--button-secondary:hover{background-color:var(--color-back-button-secondary-hover);color:var(--color-text-button-secondary-hover);transition:background-color .5s;cursor:pointer}.st-border{border:1px solid var(--color-border)}.st-center{text-align:center}.st-icon{width:3em}.bg-black{--color-back:black;--color-border:white;--color-text-a:white;--color-text-a-hover:var(--color-primary);--color-text:white;--color-text-muted:white}.bg-codingandbricks{--color-back:#233B4C;--color-text-button-secondary:#FFD500;--color-text:#FFD500;--color-text-muted:#444;--color-text-a:#FFD500!important;--color-text-a-hover:#FFD500}.bg-dark{--color-back:#222;--color-text-a:white;--color-text-a-hover:var(--color-primary);--color-text:white;--color-text-muted:#white}.bg-light{--color-back:var(--color-lightgray);--color-text-a:black;--color-text-a-hover:var(--color-primary);--color-text:black;--color-text-muted:black}.bg-primary{--color-back:var(--color-primary);--color-text-a:white;--color-text-a-hover:white;--color-text:white;--color-text-muted:white;--color-text-button-secondary:white;--color-text-button-secondary-hover:white}.bg-secondary{--color-back:var(--color-secondary);--color-text-button-secondary:white;--color-text-a:white;--color-text-a-hover:white;--color-text:white;--color-text-muted:#white}