:root{--background-Color: #000000;--font-Color: #ccbfb4;--font-Color-Faded: #8E857E;--accent-Color: #dd9c66;--secondary-Color: #72A276;--zoom-Scale: 1;--border-Radius: 0px;--border-Size: .15rem}@media (orientation: landscape){:root{--font-Size: calc(.8vw * var(--zoom-Scale))}}@media (orientation: portrait){:root{--font-Size: calc(.65vw * var(--zoom-Scale))}}body{display:flex;justify-content:center;align-items:start;background-color:var(--background-Color);line-height:140%;color:var(--font-Color);font-size:calc(var(--font-Size) * 1);font-family:Special Elite,system-ui;font-weight:400;font-style:normal}h1{font-size:calc(var(--font-Size) * 3);font-family:Metal Mania,system-ui;font-weight:400;font-style:normal}h2{font-size:calc(var(--font-Size) * 2);font-family:Metal Mania,system-ui;font-weight:400;font-style:normal;margin:0}a:link,a:visited{color:var(--accent-Color);background-color:transparent;text-decoration:none}a:hover,a:active{color:var(--font-Color);background-color:transparent;text-decoration:underline}#overlay{position:fixed;display:block;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-image:url(/Portfolio_Website/assets/ScreenBlendNoiseTexture-BJWKjsqU.png);mix-blend-mode:screen;background-repeat:repeat;pointer-events:none}#DesktopGridSystem{display:grid;grid-template-columns:repeat(16,calc(5.5vw * var(--zoom-Scale)));grid-auto-rows:calc(5.5rem * var(--zoom-Scale));gap:.75rem}@media (orientation: portrait){#DesktopGridSystem{display:none}}#PhoneGridSystem{display:grid;grid-template-columns:repeat(4,calc(8vw * var(--zoom-Scale)));grid-auto-rows:calc(8vw * var(--zoom-Scale));gap:.75rem}@media (orientation: landscape){#PhoneGridSystem{display:none}}.FullScreen{position:fixed;display:block;width:100%;height:100%;top:0;left:0;right:0;bottom:0;pointer-events:none}.BorderedCell{border:solid var(--font-Color) var(--border-Size);border-radius:var(--border-Radius)}.PaddedCell{padding:calc(var(--font-Size) / 2) var(--font-Size) calc(var(--font-Size) /2) var(--font-Size)}@media (orientation: landscape){.ProjectCell{background-color:var(--background-Color);box-shadow:0 0 0 (.75rem) var(--background-Color);grid-column:span 10;grid-row:span 2;display:flex;overflow:hidden;justify-content:center;align-items:center}}@media (orientation: portrait){.ProjectCell{background-color:var(--background-Color);box-shadow:0 0 0 (.75rem) var(--background-Color);grid-column:span 2;grid-row:span 3}}.SmallProjectCell{background-color:var(--background-Color);box-shadow:0 0 0 .75rem var(--background-Color);padding:0;grid-column:span 3;grid-row:span 3}.MaskCell{background-color:transparent;box-shadow:0 0 0 .75rem var(--background-Color);pointer-events:none}.NavBarIcon{width:calc(var(--font-Size) * 4);height:calc(var(--font-Size) * 4);margin-top:calc(var(--font-Size) / 2);margin-right:calc(var(--font-Size) / 2);background-color:var(--font-Color);mask-image:url(icon.svg);mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:url(icon.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.NavBarIcon:hover{background-color:var(--accent-Color)}.SquishButton{margin:0 auto;display:block;max-width:95%;height:auto;transition-duration:.2s}.SquishButton:hover{transform:scale(.9)}.ModelViewer{width:100%;height:100%;display:block}