@font-face{font-family:Roboto;src:url(../fonts/Roboto-Regular.ttf);font-size:16px;font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Bold.ttf);font-size:16px;font-style:bold;font-weight:700;font-display:swap}@font-face{font-family:Ubuntu;src:url(../fonts/Ubuntu-Regular.ttf);font-display:swap}@font-face{font-family:Inter;src:url(../fonts/Inter-SemiBold.ttf);font-display:swap}@font-face{font-family:ArchiD;src:url(../fonts/ArchitectsDaughter-Regular.ttf);font-display:swap}:root{--stickyBarHeight:3.4rem;--layerBgBelow:0;--layerBgAbove:1;--layerMain:2;--layerFgBelow:3;--layerFgAbove:4}body{background:linear-gradient(#0e1415 0,#131b1d 50%,#0e1415 100%);font-family:Roboto,Arial,sans-serif;color:#ebfffe;font-size:16px;margin:0;padding:0}a,h1,h2,img,p,ul{position:relative;z-index:var(--layerMain)}h1{font-size:1.8rem;color:#fdffff;padding-bottom:.2rem}h2{color:#fdffff}a{text-decoration:none;outline:0}a:focus{outline:#0ff dotted 1px}[hidden]{display:none!important}.whole-page-container{box-sizing:border-box;width:100%}.page-contents{display:flex;flex-direction:column;align-items:flex-start;width:100%}@media screen and (min-width:320px){.page-contents{align-items:center}}.column{display:flex;flex-direction:column;align-items:center}.contents-width{width:100%;max-width:60rem}.jumptarget{scroll-margin-top:var(--stickyBarHeight)}.jumptarget:focus-visible{outline-style:none}.main-section{box-sizing:border-box;min-height:100lvh;padding-bottom:2.5rem;width:100%;position:relative;background:linear-gradient(rgba(14,53,62,.6) 0,rgba(14,53,62,.9) 2%,rgba(0,0,0,0) 80%)}.main-section:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:var(--layerBgAbove);background-image:url(../images/beam-sparkles.png);background-size:65%;mask-image:linear-gradient(rgba(14,53,62,.6) 0,rgba(14,53,62,.9) 2%,rgba(0,0,0,0) 80%);-webkit-mask-image:linear-gradient(rgba(14,53,62,.6) 0,rgba(14,53,62,.9) 2%,rgba(0,0,0,0) 80%);background-size:34rem;background-repeat:repeat}@media screen and (min-width:690px){.main-section{padding-bottom:5rem}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hover-icon img:last-of-type{display:none}.hover-icon:active img:first-of-type,.hover-icon:focus img:first-of-type,.hover-icon:hover img:first-of-type{display:none}.hover-icon:active img:last-of-type,.hover-icon:focus img:last-of-type,.hover-icon:hover img:last-of-type{display:inline-block}#about{min-height:calc(100lvh - var(--stickyBarHeight));padding:0 1rem 3rem;width:100%;overflow:clip}#about h2{font-size:1.2rem;font-weight:700}#about .contents-width{align-items:normal}.about-container{position:relative;z-index:var(--layerMain);display:grid;grid-template-columns:100%;grid-template-rows:auto 1rem auto auto auto;grid-template-areas:"about-r1" "." "about-r2" "about-r3" "doodle"}.about-container .about-tagline{grid-area:about-r1}.about-container section:first-of-type{grid-area:about-r2}.about-container section:nth-of-type(2){grid-area:about-r3}.about-container .about-doodle{grid-area:doodle;justify-self:end;align-self:end}@media screen and (min-width:625px){.about-container{grid-template-columns:50% 50%;grid-template-rows:auto 1.5rem auto auto auto;grid-template-areas:"about-r1 about-r1" ". ." "about-r2 ." "about-r2 doodle" "about-r3 doodle"}}.about-tagline{background:#164c58;box-shadow:0 0 1.5rem .2rem rgba(0,0,0,.1);color:#fdffff;font-size:1rem;margin:0 .3rem;padding:.9rem .4rem .8rem;text-align:center}@media screen and (min-width:690px){.about-tagline{font-size:1.2rem;padding:.9rem .7rem}}.about-techlist{padding:.875rem 0}.about-techlist h2{margin:0 0 .125rem 0}.aside{font-family:ArchiD,sans-serif;color:#0ff}p.aside{padding:0;margin:0}.de-emphasis{color:#b2fbff}.list-with-icons{width:16.1rem;max-width:calc(100% - .8rem);margin:.75rem 0 0 1rem;display:grid;grid-template-columns:1fr;grid-auto-rows:2.25rem}.list-with-icons-row{display:grid;grid-template-columns:2rem 1fr;grid-template-rows:auto;grid-template-areas:"connect-icon connect-text";gap:.1875rem}.list-with-icons-row .icon{grid-area:connect-icon;justify-self:center;align-self:center;line-height:0;aspect-ratio:1/1}.list-with-icons-row .text{grid-area:connect-text;justify-self:start;align-self:center;margin-left:.5rem}a.list-with-icons-row{color:#fcffff}a.list-with-icons-row:hover{border-radius:.3rem;color:#fdffff;background:rgba(14,53,62,.5)}.about-connect{background:#195866;border-radius:.25rem;box-shadow:0 0 2rem .125rem rgba(0,0,0,.25);max-width:25rem;padding:.5rem .625rem;position:relative;z-index:var(--layerMain)}.about-connect h2{color:#fcffff;margin:0}.about-connect .list-with-icons{margin:.75rem 0 0 0;max-width:100%}.about-connect .list-with-icons-row{width:100%;gap:0}.about-connect .list-with-icons-row .text{margin-left:.25rem}@media screen and (min-width:470px){.about-connect{padding:.875rem 1rem}.about-connect .list-with-icons{margin:.75rem 0 0 .0625rem}.about-connect .list-with-icons-row .text{margin-left:.5rem}}.about-doodle{margin-top:2rem;position:relative}.about-doodle:after,.about-doodle:before{content:"";display:block;position:absolute;top:-130px;left:-150px;height:600px;width:600px;z-index:var(--layerBgBelow)}.about-doodle:before{background:radial-gradient(#195866 1px,#0e353e 15%,transparent 70%)}.about-doodle:after{background:url(../images/beam-sparkles.png);background-size:65%;mask-image:radial-gradient(#195866 1px,#0e353e 15%,transparent 70%);-webkit-mask-image:radial-gradient(#195866 1px,#0e353e 15%,transparent 70%)}@media screen and (min-width:770px){.about-doodle img{width:325px}}#hero{--heroHeight:100svh;--bPadding:7vh;--runeHeight:6rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:var(--heroHeight);min-height:28rem;box-sizing:border-box;padding:0 0 var(--bPadding);width:100%;position:relative}.particles{--pw:16.6rem;position:absolute;top:0;left:calc(50% - (var(--pw)/ 2));width:var(--pw);height:calc(var(--heroHeight) - var(--bPadding) - var(--runeHeight)/ 2 - 1rem)}.hero-content{flex-grow:3;width:100%;max-width:16.6rem;padding-top:var(--stickyBarHeight);background:linear-gradient(90deg,transparent 0,#0e353e 43%,#0e353e 57%,transparent 100%)}.hero-content .heading{height:34%;width:fit-content;display:flex;flex-direction:column;align-content:center;justify-content:flex-end}.hero-content .heading h1{font-size:2.25rem;margin:0;padding:0;border:none}.hero-content .heading .subheading{font-family:Ubuntu,Tahoma,sans-serif;color:#b2fbff;font-size:1.44rem;margin:0;padding:0;text-align:right}.hero-content .tagline{display:flex;justify-content:center;font-size:1rem;margin-top:15%;width:80%;max-width:20rem;text-align:center}.hero-content .tagline emphasis{color:#fdffff;font-weight:700}.rune-container{display:block;height:var(--runeHeight);overflow:hidden;width:100%;max-width:17rem;position:relative}.rune-container:before{content:"";display:block;width:97.6%;max-width:16.6rem;height:5.6rem;position:absolute;top:0;left:0;z-index:var(--layerBgBelow);background:linear-gradient(90deg,transparent 0,#0e353e 43%,#0e353e 57%,transparent 100%);mask-image:url(../images/rune-mask-small.svg);-webkit-mask-image:url(../images/rune-mask-small.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:cover;-webkit-mask-size:cover}.rune-container .rune-perspective-view{margin-top:-5.5rem;perspective:15rem}.rune-container .rune-perspective-view .rune{position:absolute;top:0;left:calc(50% - 7.2rem);transform:rotateX(100deg);width:14.4rem;height:auto}@media screen and (min-width:690px){#hero{--runeHeight:14.1rem;min-height:54.7rem}.particles{--pw:34rem}.hero-content{max-width:34rem;height:36rem}.hero-content:before{background-size:100%}.hero-content .heading{height:calc(34% + 7.6rem)}.hero-content .heading h1{font-size:3.8rem}.hero-content .heading .subheading{font-size:2.34rem;position:relative;top:-.18rem}.hero-content .tagline{margin-top:8%;font-size:1.4rem}.rune-container{max-width:39rem}.rune-container:after,.rune-container:before{max-width:34rem;height:13.4rem;left:calc(50% - 17rem);mask-image:url(../images/rune-mask.svg);-webkit-mask-image:url(../images/rune-mask.svg)}.rune-container:after{background-size:100%}.rune-container .rune-perspective-view{margin-top:-11rem;perspective:28rem}.rune-container .rune-perspective-view .rune{left:calc(50% - 14.5rem);width:29rem}}.top-bar{position:fixed;width:100%;min-width:100%;z-index:var(--layerFgAbove);display:flex;justify-content:center;min-height:var(--stickyBarHeight);height:var(--stickyBarHeight);max-height:var(--stickyBarHeight);box-sizing:border-box;background:rgba(11,16,17,.85);border-bottom:1px solid #0e353e;box-shadow:0 0 1rem 0 rgba(0,0,0,.8)}.top-bar-contents{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;position:relative}.menu-icon{--barColor:rgb(253, 255, 255);display:block;padding:.2rem;width:1.8rem;height:1.5rem;border-style:none;outline-style:none;cursor:pointer;background:linear-gradient(to bottom,var(--barColor),var(--barColor) 20%,transparent 20%,transparent 40%,var(--barColor) 40%,var(--barColor) 60%,transparent 60%,transparent 80%,var(--barColor) 80%,var(--barColor) 100%)}.menu-icon:active,.menu-icon:focus,.menu-icon:hover{--barColor:#b2fbff}.menu-icon:focus{outline-width:1px;outline-style:dotted;outline-color:#b2fbff;outline-offset:.3rem}.menu-icon:focus:not(:focus-visible){outline-style:none}.menu-icon span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-items-container{--navFontSize:1.125rem;--mysteriousExtraSpanHeight:4px;--navVPadding:0.75rem;--navVPaddingImg:0.625rem;--navImgHeight:32px;--borderHeight:1px;display:grid;grid-template-columns:50% 50%;grid-template-rows:auto auto auto auto;grid-template-areas:"nav1 nav1" "nav2 nav2" "nav3 nav3" "nav4-l nav4-r";position:absolute;top:calc(var(--stickyBarHeight) - 2px);right:0;width:100%;max-width:320px;box-sizing:border-box;border:var(--borderHeight) solid #195866;background:#0e1415;margin:0;padding:0;height:0;transition:height ease-in .2s;overflow:hidden}.menu-items-container li:nth-of-type(1){grid-area:nav1}.menu-items-container li:nth-of-type(2){grid-area:nav2}.menu-items-container li:nth-of-type(3){grid-area:nav3}.menu-items-container .nav-github{grid-area:nav4-l}.menu-items-container .nav-github a{display:flex;justify-content:flex-end}.menu-items-container .nav-linkedin{grid-area:nav4-r}.menu-items-container.animateOpen{height:calc(var(--borderHeight) + 3 * (var(--navFontSize) + var(--navVPadding) * 2 + var(--borderHeight) + var(--mysteriousExtraSpanHeight)) + var(--navImgHeight) + var(--navVPaddingImg) * 2 + 2px)}.menu-items-container li{list-style:none;display:flex;align-items:stretch}.menu-items-container li a{flex-grow:2;display:block;color:#fdffff;font-size:var(--navFontSize);border-bottom:1px solid #195866;padding:var(--navVPadding) 1rem}.menu-items-container li a:focus,.menu-items-container li a:hover{background:url(../images/beam-sparkles.png) rgba(0,255,255,.3);background-size:50%}.menu-items-container li:focus-visible{position:relative;z-index:var(--layerFgBelow);outline-width:1px;outline-style:dotted;outline-color:#b2fbff}.menu-items-container li:focus-visible a{background:url(../images/beam-sparkles.png) rgba(0,255,255,.3);background-size:50%}.menu-items-container li.nav-img a{border:none;font-size:.1rem;line-height:.1rem;padding:var(--navVPaddingImg) .5rem}@media screen and (max-width:500px){.menu-items-container{max-width:none}}#projects{padding-left:1rem;padding-right:1rem;display:flex;flex-direction:column;align-items:center}#projects h1{align-self:flex-start;position:relative}.project-card-container{--numCardsPerRow:1;--gap:1.75rem;display:flex;flex-flow:row wrap;gap:var(--gap);position:relative;width:calc(260px * var(--numCardsPerRow) + var(--gap) * (var(--numCardsPerRow) - 1));z-index:var(--layerMain)}@media screen and (min-width:596px){.project-card-container{--numCardsPerRow:2}}@media screen and (min-width:883px){.project-card-container{--numCardsPerRow:3}}.card{--bgText:#1c3d45;display:flex;flex-direction:column;min-width:260px;width:260px;max-width:260px;background:var(--bgText);border-radius:.3rem;box-shadow:0 0 1rem 1rem #ff0,0 0 5rem 5rem red;box-shadow:0 0 3px 0 rgba(0,0,0,.35),0 0 12px 1px rgba(0,0,0,.2);box-sizing:border-box;overflow:hidden}.card img{display:block}.card-heading{font-family:Inter,Tahoma,sans-serif;font-size:1.3rem;font-weight:700;margin:0 0;padding:1rem .75rem .1rem}.card-description{flex-grow:3;color:#9ee0e3;font-size:1rem;margin:0 0;padding:.75rem .75rem 1.25rem}.card-description_a{text-decoration:underline;color:#edffff}.card-description_a:visited{color:#bdfcfc}.card_divider{margin:0;border:0;border-top:1px solid #195866;width:calc(100% - 1.5rem);align-self:center}.tech-icon-strip{display:flex;box-sizing:border-box;padding:.5rem .75rem .5rem;height:3.5rem;width:100%;position:relative}.tech-icon-strip:after{content:"[ ? ]";display:block;position:absolute;bottom:2px;right:2px;font-size:.8rem;color:#7cabab}.tech-icon-strip img{aspect-ratio:1/1}.as-icons{align-self:center;display:flex;flex-wrap:wrap;gap:.25rem}.as-text{align-self:flex-start;display:flex;align-items:center;color:#ebfffe;font-size:.8rem;line-height:1.2rem;margin:0;padding:0;width:100%}.card-links{display:flex;height:2rem;margin:0 0 0;width:100%}.card-links a{display:flex;align-items:center;justify-content:center;background:#195866;border-color:#174650;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;color:#fdffff;padding:0 .75rem;height:100%;width:100%}.card-links a:nth-of-type(2){border-right:none}.card-links a:active,.card-links a:focus,.card-links a:hover{background:url(../images/beam-sparkles-small.png) #207081}.card-links a:focus{position:relative;z-index:var(--layerFgBelow);outline-offset:-1px}.brightImg{filter:brightness(.99)}