.barlow-thin{font-family:"Barlow", sans-serif;font-weight:100;font-style:normal}.barlow-extralight{font-family:"Barlow", sans-serif;font-weight:200;font-style:normal}.barlow-light{font-family:"Barlow", sans-serif;font-weight:300;font-style:normal}.barlow-regular{font-family:"Barlow", sans-serif;font-weight:400;font-style:normal}.barlow-medium{font-family:"Barlow", sans-serif;font-weight:500;font-style:normal}.barlow-semibold{font-family:"Barlow", sans-serif;font-weight:600;font-style:normal}.barlow-bold{font-family:"Barlow", sans-serif;font-weight:700;font-style:normal}.barlow-extrabold{font-family:"Barlow", sans-serif;font-weight:800;font-style:normal}.barlow-black{font-family:"Barlow", sans-serif;font-weight:900;font-style:normal}.barlow-thin-italic{font-family:"Barlow", sans-serif;font-weight:100;font-style:italic}.barlow-extralight-italic{font-family:"Barlow", sans-serif;font-weight:200;font-style:italic}.barlow-light-italic{font-family:"Barlow", sans-serif;font-weight:300;font-style:italic}.barlow-regular-italic{font-family:"Barlow", sans-serif;font-weight:400;font-style:italic}.barlow-medium-italic{font-family:"Barlow", sans-serif;font-weight:500;font-style:italic}.barlow-semibold-italic{font-family:"Barlow", sans-serif;font-weight:600;font-style:italic}.barlow-bold-italic{font-family:"Barlow", sans-serif;font-weight:700;font-style:italic}.barlow-extrabold-italic{font-family:"Barlow", sans-serif;font-weight:800;font-style:italic}.barlow-black-italic{font-family:"Barlow", sans-serif;font-weight:900;font-style:italic}header h1{font-family:"Barlow", sans-serif;font-weight:600;font-style:italic;color:#fcffa2;text-align:center}.container{padding:0 2% 0 2%;column-gap:4%}.dialog{padding-top:4%}@media only screen and (min-width: 992px){.dialog{padding-top:0}}.container p{margin-top:0}p.sheYell{font-family:"Barlow", sans-serif;font-weight:600;font-style:italic;color:#fcffa2;max-width:90%;width:fit-content;padding:2%;border:1px solid #026;outline:2px solid #fcffa2;border-radius:15px;background-color:rgba(252,255,162,0.3)}p.com{font-family:"Barlow", sans-serif;font-weight:600;font-style:italic;color:#ffccd2;width:fit-content;padding:2%;max-width:90%;align-self:flex-end;text-align:right;border:1px solid #026;outline:2px solid #d66676;border-radius:15px;background-color:rgba(214,102,118,0.4)}img.avatarLeft,img.avatarLeftEnd,img.avatarRight,img.avatarRightEnd{object-fit:cover;border-radius:15px}img.avatarLeft,img.avatarLeftEnd{border:2px solid #fcffa2}img.avatarRight,img.avatarRightEnd{border:2px solid #d66676}#openOverlay,#nerdBlue{background-color:#859de5}#nerdYellow{background-color:rgba(252,255,162,0.5)}#closeOverlay{background-color:rgba(214,102,118,0.5)}#openOverlay,#nerdBlue,#nerdYellow,#closeOverlay{position:fixed;border:none;border-radius:15px}main{font-family:"Barlow", sans-serif;font-weight:400;font-style:normal;padding:0 2% 0 2%}main h1,main h2{letter-spacing:1px}main p{letter-spacing:1px}main a{color:#fcffa2}main pre{background-color:rgba(252,255,162,0.3);padding:2%;color:#fcffa2;overflow-x:auto}body{min-height:100dvh;background:linear-gradient(#272a6e, #7c98d9);color:#000;margin:0}.frame{width:95vw;margin:auto;display:grid;grid-template-columns:repeat(24, 1fr)}.container{grid-column:2 / 25;display:grid;grid-template-columns:1fr 1fr}header,main{grid-column:2 / 25}header{height:calc(20vh - $buttonGap)}.avatarLeft,.avatarLeftEnd,.avatarRight,.avatarRightEnd{width:100%;height:100%;box-sizing:border-box}.avatarLeft{grid-column:1 / 2;grid-row:1 / 2}.avatarLeftEnd{grid-column:1 / 2;grid-row:3 / 4}.avatarRight{grid-column:2 / 3;grid-row:1 / 2}.avatarRightEnd{grid-column:2 / 3;grid-row:3 / 4}.dialog{grid-column:1 / 3;grid-row:2 / 3;display:flex;flex-direction:column}.overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:95%;height:100%;margin:auto;z-index:1}.overlay.active{display:grid;grid-template-columns:repeat(24, 1fr)}.content-section{background-color:rgba(0,0,255,0.8);margin:2%;grid-column:2 / 25}#openOverlay{top:calc(20vh - $buttonGap);height:calc(60vh + ($buttonGap * 2));left:calc((100vw - $frameWidth) / 2);width:calc($frameWidth / 24)}#nerdBlue{top:calc(20vh - $buttonGap);height:calc((100vh - 40vh) / 3);left:calc((100vw - $frameWidth) / 2);width:calc($frameWidth / 24)}#nerdYellow{top:40vh;height:calc((100vh - 40vh) / 3);left:calc((100vw - $frameWidth) / 2);width:calc($frameWidth / 24)}#closeOverlay{top:calc(60vh + $buttonGap);height:calc((100vh - 40vh) / 3);left:calc((100vw - $frameWidth) / 2);width:calc($frameWidth / 24)}.hidden,.content-section{display:none}.content-section.active{display:block}@media only screen and (min-width: 600px){.frame{width:85%}}@media only screen and (min-width: 768px){.frame{width:75%}.overlay{width:75%}#openOverlay{left:calc((100vw - 75vw) / 2);width:calc(75vw / 24)}}@media only screen and (min-width: 992px){.frame{width:70%}.container{display:grid;grid-template-columns:1fr 2fr 1fr}.avatarLeft{grid-column:1 / 2;grid-row:1 / 2}.avatarLeftEnd{grid-row:2 / 3}.avatarRight{grid-column:3 / 4;grid-row:1 / 2}.avatarRightEnd{grid-column:3 / 4;grid-row:2 / 3}.dialog{grid-column:2 / 3;grid-row:1 / 3;display:flex;flex-direction:column}.overlay{width:70vw}#openOverlay{left:calc((100vw - $frameWidth) / 2);width:calc($frameWidth / 24)}#nerdBlue{height:calc((100vh - 40vh) / 3);left:calc((100vw - $frameWidth) / 2);width:calc($frameWidth / 24)}#nerdYellow{left:calc((100vw - $frameWidth) / 2);width:calc($frameWidth / 24)}#closeOverlay{left:calc((100vw - $frameWidth) / 2);width:calc($frameWidth / 24)}}