:root{font-family:Red Hat Text,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:2.5rem;font-weight:400;--color-bgn1: #090b10;--color-bgn2: #0f111a;--color-bdr1: #06070a;--color-bdr2: #80cbc4;--color-hdr1: #a6accd;--color-txt1: #89ddff;--color-txt2: #a6accd;--color-txt3: #4b526d;--color-txt4: #c9e9e6;--color-txt5: #252836;--color-hlt1: #ffcb6b;--color-red1: #f07178;--color-blu1: #82aaff;--color-wht1: #ffffff;--color-wht2: #edf8f7;--color-blk1: #000000;--width-navbar-item-vw: 7vw;--width-navbar-item-rem: 9.1rem;--width-button-burg: 3vw;--height-navbar: 5.1vw;--width-navbar-min: 7vw;--speed-fast: .4s;--speed-medi: .6s;--speed-slow: 1.25s;color:var(--color-txt1);background-color:var(--color-bgn2)}html{font-size:62.5%}@font-face{font-family:JetBrains Mono;font-display:swap;src:url(/assets/JetBrainsMono-Regular-a9cb1cd8.woff2),format ("woff2")}@font-face{font-family:Red Hat Display;font-display:swap;src:url(/assets/RedHatDisplayVF-6f3acb3d.woff2),format ("woff2");font-weight:400;font-style:normal}@font-face{font-family:Red Hat Text;font-display:swap;src:url(/assets/RedHatTextVF-4de835a0.woff2),format ("woff2");font-weight:400;font-style:normal}@font-face{font-family:Red Hat Text;font-display:swap;src:url(/assets/RedHatTextVF-Italic-3aa1c690.woff2),format ("woff2");font-weight:400;font-style:italic}@font-face{font-family:Tangerine;font-display:swap;src:url(/assets/Tangerine-Regular-7cd0cfcd.woff2),format ("woff2");font-weight:400}a{font-weight:500;color:var(--color-txt2);text-decoration:inherit;transition:.3s ease-out}a:hover{transition:.2s ease-in;color:var(--color-blu1)}body{margin:0;min-width:320px;min-height:100vh}.header,.flexbody,nav{display:flex;flex-direction:row;width:100%;padding:0;margin:0%}.flexbody{position:relative;flex-wrap:wrap;top:0;bottom:0;left:0}.flexbreak,.flexsection,.flexsectionstatic,.flexbreaklg{display:flex;width:100%}.flexitem{display:flex}.flexbreak{height:1.5vw;flex-shrink:0}.flexbreaklg{height:5vw;flex-shrink:0}.flexsection,.flexsectionstatic{box-sizing:border-box;flex-direction:row}div.flexsidebar{flex-grow:1;margin:0 2vw 0 0;padding:0 0 0 2vw;min-height:0}.flexjustifycenter{justify-content:center}.flexaligncenter{align-items:center}.flexstatic{flex:0 0}.flexspacebetween{justify-content:space-between}div.flexsidenav{display:block}div.flexscroll{flex-grow:1;overflow-y:auto;min-height:0;height:calc(99.5vh - max(var(--height-navbar),55px))}.header,nav{display:flex;justify-content:space-between;font-size:1.5vw;font-family:JetBrains Mono,Courier New,Courier,monospace;background-color:var(--color-blk1);box-shadow:0 0 .4vw var(--color-blk1);min-height:55px;position:sticky;top:0;z-index:1000}div.headerbox{display:flex;align-items:center;flex:1 1 50%;padding:var(--padding-navbar-tb) 0rem}.margin-sm-lr{margin:0 1.5vw}div.boxtop{position:relative;top:auto}div.box70{width:70%}div.box30{width:30%}div.box75{width:75%}div.box25{width:25%}div.box665{width:66.5%}div.box335{width:33.5%}p.code{line-height:1;margin:.3vw}code{font-size:smaller}pre{white-space:pre-wrap;margin:0;letter-spacing:-.07vw}a.icon{display:block;margin:.5vw;height:2vw;min-height:14px;min-width:14px}img.icon{min-width:14px;width:2vw;opacity:70%;transition:.2s ease-in}img.icon:hover{opacity:100%;transition:.2s ease-in}h1,h2,h3,p{color:var(--color-bdr2);font-weight:400}h1{color:var(--color-txt4);font-family:Red Hat Display,Arial,sans-serif;font-size:3.5vw;line-height:1;margin:0}h2{font-family:Red Hat Display,Arial,sans-serif;font-size:2.3vw}h3{font-size:1.45vw;line-height:1.3;margin:.5vw 0 .5vw .3vw}p{font-size:1.5vw;line-height:1.2}.offwhite{color:var(--color-wht2)}.lightheader{color:var(--color-txt4)}button.mybutton{border:none;font-size:2vw;padding:.33vw .75vw;background-color:var(--color-bdr1);color:var(--color-txt2);font-family:Red Hat Text,system-ui,Arial,sans-serif;width:12.5vw;transition:all var(--speed-fast) ease-in;border-radius:3%/12.5%;overflow:hidden}button.mybutton:hover{cursor:pointer;color:var(--color-blu1);background-color:#000;letter-spacing:.035vw;transition:all var(--speed-fast) ease-out}#error-page,#error-page-blog{box-sizing:border-box;width:100%}a.error-page{font-size:1.5rem}img.logobox1{width:100%;padding:0}button.logobutton{border-radius:7.7%;border:.1vw outset var(--color-hdr1);margin:1vw 1vw 1vw 1.5vw;outline:none;padding:0%;transition:.2s ease-in;box-sizing:border-box;background:var(--color-bgn1)}button.logobutton:hover{transition:.25s ease-out;box-shadow:0 0 .2vw .1vw var(--color-wht1)}button.logobutton>a{display:flex;align-items:center;height:3vw;width:3vw;min-height:35px;min-width:35px}#logobartext{height:1.5vw;line-height:1.5vw;overflow:hidden;font-size:1.25vw;color:var(--color-txt4);width:100%;font-weight:150}#logobartext>span{position:relative;animation:textslide 15s ease infinite}@keyframes textslide{0%{top:0}45%{top:0}50%{top:-1.5vw}95%{top:-1.5vw}to{top:-3vw}}.navlist{display:flex;padding:0%;margin:0%;width:100%;list-style-type:none;align-items:center;text-align:center;justify-content:right}.headitems{max-width:var(--width-navbar-item-vw);width:auto;align-items:center;justify-content:center;padding:0 3vw}ul.dropdown{max-width:var(--width-navbar-item-vw);align-self:center;justify-content:center}nav a.active{text-decoration-line:underline;color:var(--color-blu1)}nav a:hover{text-shadow:0 0px .07vw var(--color-txt1)}.navtoggle{display:inline}.navtoggle2,#icontoggle{display:none}#icontoggle2{display:flex}#hamburger{display:none}.burgercontainer{display:flex;height:3vw;cursor:pointer;width:var(--width-button-burg);justify-content:center;flex-direction:column;min-height:30px;min-width:30px}div.burgerbutton,div.burgerbutton:before,div.burgerbutton:after{display:block;position:absolute;background-color:var(--color-txt2);height:.3vw;width:var(--width-button-burg);min-height:.3rem;min-width:30px;border-radius:.2rem;transition:transform var(--speed-slow) cubic-bezier(.23,1,.32,1)}div.burgerbutton:before{content:"";margin-top:-.85vw}div.burgerbutton:after{content:"";margin-top:.85vw}.burgercontainer:hover div.burgerbutton{transition:.2s ease-in;background-color:var(--color-blu1)}.burgercontainer:hover div.burgerbutton:before{transition:.2s ease-in;background-color:var(--color-blu1)}.burgercontainer:hover div.burgerbutton:after{transition:.2s ease-in;background-color:var(--color-blu1)}#hamburger:checked+.burgercontainer .burgerbutton:before{margin-top:0;transform:rotate(405deg);background-color:var(--color-blu1)}#hamburger:checked+.burgercontainer .burgerbutton{background:rgba(255,255,255,0)}#hamburger:checked+.burgercontainer .burgerbutton:after{margin-top:0;transform:rotate(-405deg);background-color:var(--color-blu1)}div.dropdownbox{opacity:0;height:0rem;position:absolute;top:max(var(--height-navbar),55px);right:0rem;background-color:var(--color-txt5);box-shadow:.3vw 0 .4vw var(--color-blk1);z-index:100}#hamburger~div.dropdownbox li.dropdown{opacity:0;height:0rem;line-height:4.2vw;overflow:hidden;text-align:right;box-sizing:border-box;padding:0 2.5vw 0 5vw;transition:height var(--speed-fast) ease-in,opacity var(--speed-fast) ease-in}#hamburger:checked~div.dropdownbox{opacity:1;height:23.75vw;transition:height var(--speed-fast) ease-in,opacity var(--speed-fast) ease-in}#hamburger:checked~div.dropdownbox li.dropdown{opacity:1;height:4.5vw;transition:height var(--speed-fast) ease-in,opacity var(--speed-medi) ease-in}#hamburger~div.dropdownbox{opacity:1;height:0rem;transition:height var(--speed-fast) ease-in}div.photobox,div.photobox2,img.profileImg{display:flex;flex:0 0 17vw;width:17vw;height:17vw;min-width:125px;min-height:125px}div.photobox{margin:0 1.5vw .5vw;border-radius:50%;background-image:url(/assets/ChrisDiem-Profile-blur-564c6fcc.jpeg);background-position:center;background-size:cover}div.photobox2{margin:0 0 0 1vw}img.profileImg{border-radius:50%;box-shadow:.07vw .07vw .4vw .4vw var(--color-blk1)}#introbox{display:flex;color:var(--color-bdr2)}h1.intro{padding:1.5vw 1vw .5vw}h2.intro{font-family:Red Hat Text,system-ui,Arial,sans-serif;line-height:1.3;margin:.5vw 1vw}div.flexsparound,div.flexleft{display:flex;align-items:center}div.flexsparound{justify-content:space-around}div.flexleft{justify-content:left}div.aboutyou{box-sizing:border-box;padding:0% 1%}h4,.stories h4{color:var(--color-txt1);font-size:1.5vw;margin:1vw 0 .75vw .3vw}table{width:100%;font-family:JetBrains Mono,Courier New,Courier,monospace;font-size:1.05vw;letter-spacing:-.075vw}td.overflow-hidden{overflow:hidden}table a{color:var(--color-txt1)}table a:hover{color:var(--color-blu1)}.resource-table td{min-width:5vw;overflow:hidden}tr{width:100%;background-color:var(--color-bgn1);line-height:2}tr:nth-child(2n){background-color:var(--color-bgn2)}td,th{padding:0 2%}.aboutyou td:nth-child(odd){text-align:left}.aboutyou td:nth-child(2n){text-align:right}iframe.ytplayer{height:15.5vw;width:26.665vw;box-shadow:0 0 .2vw var(--color-blk1);border:0}.hovertable div{display:block;overflow:hidden;height:2.1vw;transition:top var(--speed-fast) ease-in}.hovertable div span{width:100%;display:block}.hovertable div span.row{position:relative;top:0;transition:top var(--speed-fast) ease-in}.hovertable div:hover span.row{top:-2.1vw;transition:top var(--speed-fast) ease-in}img.icon-inl{width:1.75vw}div.icon-inl-holder{height:1.5vw;left:-1.75vw;overflow-x:hidden;display:inline-flex}div.icon-filter{display:flex;align-items:center;position:relative;width:1.75vw;height:1.5vw;left:-1.75vw;filter:drop-shadow(1.75vw 0 0px var(--color-txt1))}div.resumetitle{display:block;min-height:0}div.resumeitembox{margin:0 7vw 1.25vw 8vw}.resumeitemhead,.resumeitemedu{display:flex;justify-content:space-between}.flexdircol{flex-direction:column}.just-left{justify-content:left}.just-right{justify-content:right}.text-right{text-align:right}.text-left{text-align:left}.justify-text{text-align:justify}.center-text{text-align:center}#resumeitems h1{font-size:1.55vw}#resumeitems h1.resumesection{font-size:2vw;font-weight:700;letter-spacing:.05vw}#resumeitems h2{font-size:1.55vw;margin:0}#resumeitems h3{font-size:1.35vw;margin:0}#resumeitems p{font-size:1.4vw;margin:1vw 0;text-align:justify}.resumeitembody{color:var(--color-bdr2);font-size:1.4vw;line-height:normal}.condensed{letter-spacing:-.09vw}.condensed-lg{letter-spacing:-.11vw}.resumeitembody a{color:var(--color-txt2)}.resumeitembody a:hover{color:var(--color-txt1)}div.skills{display:flex;flex-wrap:wrap}div.skillbox{cursor:default;font-size:1.3vw;padding:.33vw .75vw;margin:.25vw .5vw .25vw 0;border-radius:3%/15%;background-color:var(--color-bdr1);color:var(--color-txt2);font-family:Red Hat Text,system-ui,Arial,sans-serif;transition:all var(--speed-fast) ease-in}div.skillbox:hover{color:var(--color-wht2);background-color:#000;transition:all var(--speed-fast) ease-out}div.eduskills{flex-wrap:nowrap;justify-content:space-between}.eduskills div.skillbox{font-size:1.29vw;margin:.25vw 0}div.resmargin{margin:0}.martb3vw{margin:3vw 0}.sidebarli{display:block;list-style-type:none;cursor:pointer;margin:2.5vw 0 7vw;font-size:1.5vw;padding:0}.sidebarli a{display:flex;width:100%;align-items:center}.sidebarli li,a.sideactive{display:flex;align-items:center;height:3.5vw}.sidebarli a:hover{color:var(--color-txt4)}a.sideactive{color:var(--color-txt4);font-size:1.7vw!important;font-weight:550}.sidebarli a.active{color:var(--color-txt4);font-size:1.7vw;font-weight:550}.sidebarli a:active{color:var(--color-txt4);font-size:1.7vw;font-weight:500}div.sectionbar{display:flex;align-items:left}.sidebarliline{display:block;background-color:var(--color-txt2);width:2vw;height:1px;transition:.25s ease-out;margin-right:.75vw}a.sideactive .sidebarliline{width:5vw}div.quotegamebox{min-width:350px}h1.quotegame,.ackshuallcontainer{opacity:100%;color:var(--color-txt2);font-family:Tangerine,Brush Script MT,Garamond;font-size:4.2vw;line-height:normal;animation:fadein ease-in .5s}@keyframes fadein{0%{opacity:0%}to{opacity:100%}}h1.quotegame2{line-height:4.2vw;font-size:2.5vw}div.quotegameflex{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:flex-end;box-sizing:border-box;padding:.5vw;height:8vw}#ackshually{display:none}.ackshuallcontainer{display:flex;flex-direction:row-reverse;cursor:pointer;box-sizing:border-box;font-size:3.5vw;line-height:3.75vw;margin-top:3.5vw;text-align:right;transition:.35s ease-out}.ackshuallcontainer:hover{transition:.25s ease-in;color:var(--color-txt3)}.quotegamegroup{display:none;height:0rem;position:relative;box-sizing:border-box;padding-top:3vw;margin-top:.5vw;padding-right:4vw;width:42vw;min-width:33vw}#ackshually:checked~.ackshuallcontainer{color:var(--color-txt3)}#ackshually:checked~.quotegamegroup{display:block;height:auto}.quotegameline{font-family:inherit;width:100%;border:0;border-bottom:.2vw solid var(--color-bdr2);outline:0;font-size:2.2vw;color:var(--color-wht1);padding:.3vw 0;background:transparent;transition:border-color 2s}.quotegameline::placeholder{color:transparent}.quotegameline:placeholder-shown~.quotegamelabel{font-size:3vw;cursor:text;top:3.5vw}.quotegamelabel{position:absolute;top:0;display:block;transition:.2s;font-size:1.5vw;color:var(--color-bdr2)}.quotegameline:focus{padding-bottom:.2vw;border-width:.3vw;border-image:linear-gradient(to right,var(--color-bdr2),var(--color-txt1));border-image-slice:1}.quotegameline:focus~.quotegamelabel{position:absolute;top:0;display:block;transition:.2s;font-size:1.5vw;color:var(--color-bdr2)}.quotegameline:required,.quotegameline:invalid{box-shadow:none}.blog{margin:0 2vw 0 0}.blog ul{display:flex;justify-content:space-around;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}.blog li{display:block;flex:0 0 19.5vw;width:19.5vw;height:27vw}.blogcard{margin:2vw 1vw;height:23vw;box-sizing:border-box;background-color:var(--color-bdr1);box-shadow:.2vw .3vw .4vw var(--color-blk1);border-radius:3%/2%;overflow:hidden;transition:var(--speed-medi) ease-out}.blogcard img{width:100%;margin-bottom:1vw}.blogcard-filter{filter:opacity(72%);transition:var(--speed-medi) ease-out}.blogcard h1{font-size:1.4vw;transition:var(--speed-medi) ease-out}.blogcard h4{font-size:1.1vw;margin:.5vw 0 1vw}.blogcard p{font-size:1.15vw;margin:1vw 0}.blogcard:hover{margin:1.5vw 1vw;box-shadow:.3vw .8vw .45vw var(--color-blk1);transition:var(--speed-fast) ease-out}.blogcard:hover .blogcard-filter{filter:opacity(97%);transition:var(--speed-fast) ease-out}.blogcard:hover h1{color:var(--color-wht2);transition:var(--speed-fast) ease-out}.blogpost,.authordate{margin:0 2vw 0 0}div.blogpost table,div.blogpost tbody,div.blogpost tr{width:100%;overflow:hidden}div.blogpost td{min-width:8vw;max-width:50vw;overflow:hidden}div.blogpost td p{font-size:1.3vw;margin:.2vw;letter-spacing:-.15vw}.blogpost td:nth-child(3){text-align:center}div.authordate{box-sizing:border-box}.authordate h2{font-size:2.25vw}.authordate h3{font-size:1.65vw;color:var(--color-txt4);margin:3vw 0vw 0vw}.authordate h4{font-size:1.45vw;color:var(--color-bdr2);font-weight:400;margin:0}.blogPostImage{max-height:88vh;max-width:100%;width:auto;overflow:hidden;border-radius:1%/3%;box-shadow:.1rem .12rem 1.2rem var(--color-blk1);object-fit:contain}.slug{font-size:1.1vw}.background-bdr1{background-color:var(--color-bdr1)}.blogpost li{font-size:1.35vw;color:var(--color-bdr2)}.blogpost a{color:var(--color-txt1)}.blogpost a:hover{color:var(--color-blu1)}.blogpost h2{font-size:2.1;color:var(--color-wht2)}.blogpost h3{font-size:1.9vw;margin:0;color:var(--color-wht2)}.blogpost h4{font-size:1.5vw;margin:0;color:var(--color-wht2)}@media (max-width: 700px){.flexsection{flex-direction:column;margin:0}div.flexsidebar{margin:0rem 0;padding:1rem 1.5rem}div.flexscroll{height:auto;overflow-y:visible;padding:1rem 1.5rem}div.boxtop{position:sticky;top:55px;z-index:98;background:var(--color-bgn2)}div.box70,div.box30,div.box25,div.box75,div.box335,div.box665{width:100%;box-sizing:border-box}.margin-sm-lr{margin:0 .5rem}.flexbreak{height:1rem}.flexbreaklg{height:10rem}.navtoggle{display:none}.navtoggle2{display:inline}#icontoggle{display:none}#icontoggle2{display:flex}div.dropdownbox{top:55px}.header,nav{font-size:1.5rem}li.dropdown{line-height:2rem}.headitems,ul.dropdown{max-width:var(--width-navbar-item-rem)}div.burgerbutton:before{content:"";margin-top:-.9rem}div.burgerbutton:after{content:"";margin-top:.9rem}#hamburger:checked~div.dropdownbox{height:20rem}#hamburger:checked~div.dropdownbox li.dropdown{line-height:3.75rem;height:3.75rem}h1{font-size:3rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h1.intro{padding:0;margin:42.5px 0 10px 5px;line-height:1}h2.intro{display:block;position:absolute;left:0;margin:6rem 1.5rem;max-width:calc(100vw - 60px)}p{font-size:1.1rem}div.photobox,img.profileImg{max-width:125px;max-height:125px}#logobartext{margin:0;margin-left:.5rem;height:3rem;line-height:3rem;overflow:hidden;font-size:1.2rem;color:var(--color-wht1);width:100%;font-weight:150}#logobartext h4{margin:0}@keyframes textslide{0%{top:0}40%{top:0}50%{top:-3rem}90%{top:-3rem}to{top:-6rem}}h1.quotegame,.ackshuallcontainer{font-size:3rem}h1.quotegame2{line-height:3rem;font-size:2.5rem}div.quotegameflex{margin:.25rem}.ackshuallcontainer{font-size:2.25rem;line-height:3.75rem;padding-right:1.5rem}.quotegamegroup{padding-top:2.5rem;margin-top:.75rem;padding-right:1.5rem}.quotegameline{border-bottom:.2rem solid var(--color-bdr2);font-size:1.5rem;padding:.7rem 0}.quotegameline::placeholder{color:transparent}.quotegameline:placeholder-shown~.quotegamelabel{font-size:1.5rem;top:3rem}.quotegamelabel{font-size:1.5rem;top:0}.quotegameline:focus{font-size:1.2rem;padding-bottom:.9rem;border-width:.2rem}.quotegameline:focus~.quotegamelabel{font-size:1.2rem}div.photobox2{display:none}.condensed{letter-spacing:0}#resumeitems h1{font-size:1.8rem}#resumeitems h1.emplr{color:var(--color-bdr2);font-size:1.375rem;line-height:1.5}#resumeitems h3{font-size:1.3rem}#resumeitems h4{font-size:1.5rem;margin:0}#resumeitems p{margin:1rem 0;font-size:1.6rem}.resumeitembody{font-size:1.3rem}div.resumeitembox{margin:0}div.resumeitemhead{flex-direction:column}div.resumeitemhead .just-right{justify-content:left}div.resumeitemhead .text-right{text-align:left}.resumeitemedu h3{letter-spacing:-.07rem}div.skillbox{font-size:1.25rem;padding:.65rem 1.1rem;margin:.25rem .5rem .25rem 0}button.mybutton{border:none;font-size:1.5rem;padding:.3rem .5rem;width:8rem;border-radius:3%/12.5%;overflow:hidden}.flexbreak{height:1.25rem}table{font-size:1.3rem}h4,.stories h4{font-size:1.5rem;margin:1rem 0 .25rem .75rem}iframe.ytplayer{height:43.6%;width:75%}.hovertable div{height:auto;transition:top var(--speed-fast) ease-in}.hovertable div span{display:inline}.hovertable div span.row{position:inline}.hovertable div:hover span.row{top:0}.blog{margin:0}.blog li{flex:0 0 12rem;width:5rem;height:30rem}.blogcard{margin:2rem 1rem;height:26rem;box-sizing:border-box;background-color:var(--color-bdr1);box-shadow:.2rem .3rem .4rem var(--color-blk1);border-radius:3%/2%;overflow:hidden;transition:var(--speed-medi) ease-out}.blogcard img{margin-bottom:.5rem}.blogcard h1{font-size:1.7rem}.blogcard h4{font-size:1.3rem;margin:.25rem 0 .5rem}.blogcard p{font-size:1.4rem;margin:.5rem 0}.blogcard:hover{margin:1.5rem 1rem;box-shadow:.3rem .8rem .45rem var(--color-blk1);transition:var(--speed-fast) ease-out}.slug{font-size:1.2rem}.condensed-lg{letter-spacing:-.2rem}div.blogpost td p{font-size:1.3rem}div.blogpost p{font-size:1.35rem}div.blogpost li{font-size:1.3rem}div.blogpost h3{font-size:1.65rem}div.blogpost h4{font-size:1.5rem}.authordate h2{font-size:1.7rem}.authordate h3{font-size:1.55rem;margin:1.5rem 0vw 0vw 0vw}.authordate h4{font-size:1.4rem}}