:root{--mainBack: #fefbf1;--mainFore: #021018;--links: #177E89;--accent: #ff785a;--sidebarBack: #031926;--sidebarFore: #fefbf1;--mainOverlay: rgba(0,0,0,0.03);--sidebarOverlay: rgba(255,255,255,0.05);--success: #98CE00;--failure: #ff6663;--ctaBack: #ff785a;--ctaBackDark: #f55f3d;--ctaFore: #fefbf1}*{box-sizing:border-box;font-family:"Source Serif Pro",serif}a{color:var(--links)}hr{width:90%;border:0;height:1px}hr.full_width{width:100%}body{display:grid;grid-template-columns:1fr 4fr;min-height:100vh;margin:0;padding:0;background-color:var(--mainBack)}@media screen and (max-width: 1000px){body{display:block;grid-template-columns:none}}.sidebar{background-color:var(--sidebarBack);color:var(--sidebarFore);height:100%}.sidebar hr{background:var(--sidebarFore)}@media screen and (max-width: 1000px){.sidebar{display:flex;flex-direction:row;align-items:center}.sidebar hr{display:none}}@media screen and (max-width: 500px){.sidebar{flex-direction:column;align-items:center}.sidebar hr{display:none}.sidebar .socials{display:none}}header{position:relative;text-align:center;font-size:16px;line-height:26px}header h1{font-weight:normal;margin:0;padding:20px 5px 5px 5px}header h4{font-weight:300;margin:0;padding:5px}header a.fill{position:absolute;top:0;bottom:0;left:0;right:0}@media screen and (max-width: 1000px){header{width:30%}}@media screen and (max-width: 600px){header{font-size:16px;line-height:26px}}@media screen and (max-width: 500px){header{width:100%}}nav ol.nav{margin:0;padding:0;display:flex;flex-direction:column;width:90%;margin:0 5%}nav ol.nav li{text-align:center;list-style-type:none}nav ol.nav li.active a{color:var(--accent)}nav ol.nav li a{color:var(--sidebarFore);text-decoration:none;display:block;padding:5px 0;margin:5px 0;width:100%}nav ol.nav li a:hover{background-color:var(--sidebarOverlay)}@media screen and (max-width: 1000px){nav{width:60%}nav ol.nav{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}nav ol.nav li{min-width:30%}}@media screen and (max-width: 500px){nav{width:100%}}.socials{padding:15px 5%;display:flex;justify-content:space-evenly}.socials a{font-size:1.3em;color:var(--sidebarFore)}.socials a:hover{color:var(--accent)}@media screen and (max-width: 1000px){.socials{width:10%;flex-direction:column;padding:15px 0;align-items:center;justify-content:space-between;height:100%}.socials a{margin:5px 0}}main{color:var(--mainFore);height:100%}.breadcrumb{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:1.2em;background-color:var(--mainOverlay);padding:20px 10px}.breadcrumb *{padding:0 10px}.breadcrumb a.crumb{text-decoration:none}@media screen and (max-width: 600px){.breadcrumb{font-size:1em}}.content{max-width:700px;margin:0 auto;padding:0 10px 10px 10px;font-size:16px;line-height:26px;word-wrap:break-word;overflow-wrap:break-word}.content h1{margin-bottom:.2em;line-height:40px}@media screen and (min-width: 600px){.content{font-size:18px;line-height:30px;padding:0 20px 20px 20px}}.content.wider{max-width:800px}.content.much_wider{max-width:1000px}.content hr{background:var(--mainFore)}.calign{text-align:center}p.date{text-align:right;font-size:.85em;margin:0;padding:0}p.link_banner{display:flex;flex-flow:row wrap;justify-content:center;gap:1em;margin-top:0}p.link_banner.ralign{justify-content:flex-end}a.cta{background-color:var(--ctaBack);color:var(--ctaFore);border:none;padding:2px 20px;cursor:pointer;text-decoration:none}a.cta:hover{background-color:var(--ctaBackDark)}.inline_button_holder{float:right;display:flex;flex-wrap:row wrap;justify-content:flex-end;align-items:center;gap:1em}.two_cols{display:grid;grid-template-columns:2fr 1fr;grid-gap:10px}.two_cols .img_holder{width:100%;padding:10px 0;display:flex;align-items:center}.two_cols .img_holder img{padding:0;display:block;margin:0;width:100%}.two_cols p.link_banner{grid-column:span 2}@media screen and (max-width: 500px){.two_cols{grid-template-columns:none}.two_cols p.link_banner{grid-column:span 1}.two_cols .img_holder{width:80%;margin:0 auto;padding-top:0}}figure.in_article{width:90%;margin:0 5%}figure.in_article hr{max-width:90%}figure.in_article img,figure.in_article video{width:100%}figure.in_article figcaption{width:100%;text-align:center;font-weight:bold}figure.in_article div.vid_wrapper{display:block;position:relative;padding-bottom:56.25%;padding-top:25px;margin:1em;height:0}figure.in_article div.vid_wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}figure.in_article div.side_by_side{width:70vw;margin-left:calc(50% - 35vw);margin-right:0;display:flex;justify-content:space-around;flex-direction:row}figure.in_article div.side_by_side div{flex:0 1 700px;margin:1em}figure.in_article div.side_by_side div img{width:100%;height:100%}pre{border-radius:.5em;padding:.5em;background-color:var(--sidebarBack);color:var(--sidebarFore);overflow:auto}pre code{font-family:monospace}@media only screen and (max-width: 1000px){figure.in_article div.side_by_side{width:100vw;margin-left:calc(50% - 50vw)}}@media only screen and (max-width: 600px){figure.in_article{width:96%;margin:0 2%}figure.in_article div.side_by_side{flex-direction:column}figure.in_article div.side_by_side.side_by_side div{flex:0 1 auto}}.separator{display:block;width:100%;height:20px}.padded_topper{padding:10px 5px 0px 5px}.padded_topper p:last-of-type{margin-bottom:0}form.contact .form_group{width:100%;margin-bottom:10px}form.contact label{font-size:.8em;font-weight:300}form.contact input[type=text],form.contact input[type=email],form.contact textarea{width:100%;font:inherit;background-color:var(--mainOverlay);color:var(--mainFore);border:none;border-bottom:1px solid var(--mainFore)}form.contact input[type=text]:not(:placeholder-shown):valid,form.contact input[type=email]:not(:placeholder-shown):valid,form.contact textarea:not(:placeholder-shown):valid{border-bottom:1px solid var(--success)}form.contact input[type=text]:not(:placeholder-shown):invalid,form.contact input[type=email]:not(:placeholder-shown):invalid,form.contact textarea:not(:placeholder-shown):invalid{border-bottom:1px solid var(--failure)}form.contact input[type=text]:focus,form.contact input[type=email]:focus,form.contact textarea:focus{outline:none}form.contact textarea{width:100%;resize:vertical;height:150px}form.contact input[type=submit]{background-color:var(--ctaBack);color:var(--ctaFore);border:none;font-size:1.1em;padding:5px 30px;cursor:pointer}form.contact input[type=submit]:hover{background-color:var(--ctaBackDark)}.blog_card{display:grid;grid-template-rows:max-content max-content;grid-template-columns:1fr 2fr;grid-template-areas:"title title" "img para";grid-gap:0 1em}.blog_card .title_holder{grid-area:title}.blog_card img{width:100%}@media screen and (max-width: 600px){.blog_card{grid-template-rows:repeat(3, max-content);grid-template-columns:1fr;grid-template-areas:"title" "img" "para"}}#canvas-holder{margin-top:2em}.options_holder{display:flex;flex-flow:row wrap;justify-content:center;row-gap:0;column-gap:1em}