/**
 * @license
 *
 * Font Family: General Sans
 * Designed by: Frode Helland
 * URL: https://www.fontshare.com/fonts/general-sans
 * © 2023 Indian Type Foundry
 *
 * Font Styles:
 * General Sans Variable(Variable font)
 *
*/@font-face{font-family:GeneralSans-Variable;src:url(/fonts/GeneralSans-Variable.woff2) format("woff2"),url(/fonts/GeneralSans-Variable.woff) format("woff"),url(/fonts/GeneralSans-Variable.ttf) format("truetype");font-weight:200 900;font-display:swap;font-style:normal}body{font-family:GeneralSans-Variable,sans-serif}h1,h2,h3{font-weight:800}*{margin:0;padding:0}:root{--bg_panel: rgba(10, 10, 17, .46);--border-color: #2d3741;--border: solid 1px var(--border-color);--anim_time: .5s;--padding: 40px;--half-padding: calc(var(--padding) / 2);--foreground: 99;--midground: 50;--background: 1;--nonactiveBackground: -1;--border-padding: 10px;--app-position-left: calc(var(--border-padding) / 2);--app-position-right: calc(var(--border-padding) / 2);--app-width: calc(100% - var(--border-padding));--app-height: calc(100% - var(--border-padding));--medium_breakpoint: 1024px;--small_breakpoint: 640px;--anim_distance: 100px;--desktop_size: 1280px;--transition-time: .5s;--hover-color: red;--top-layer: 5;--mid-layer: 3;--first-layer: 1}ul,li{list-style:none}body{background:#13232d;color:#fff;font-family:GeneralSans-Variable,sans-serif;-webkit-user-select:none;user-select:none}.no-user-select{-webkit-user-select:none;user-select:none}a{text-decoration:none;color:#677993;transition:color var(--transition-time) ease}a:hover{color:#4a6d91;transition:color var(--transition-time) ease;cursor:pointer}#app{border-radius:5px;background-color:var(--bg_panel);z-index:2;position:absolute;overflow:hidden;left:var(--app-position-left);top:var(--app-position-right);height:var(--app-height);width:var(--app-width);box-shadow:0 0 10px #0e0e18a8 inset}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#2d3741}::-webkit-scrollbar-thumb{background-color:#717d9b}.link-list{padding-top:10px}#progress{height:100vh;background:var(--bg_panel);z-index:1;position:absolute;top:50%;transform:translateY(-50%);transition:width 1.2s ease}.sidebar{position:absolute;z-index:5;width:20vw;height:95vh;background:#0f1d23;padding:calc(var(--padding) / 2);text-align:right;top:.6vh;padding-right:20px;border-radius:5px;right:-25vw;transition:right .5s ease;overflow-y:auto}.show{right:-5px}.project-thumb img{max-width:100%;object-fit:scale-down}.project-thumb{overflow:hidden;width:100%;margin-bottom:20px;max-height:350px}.project>.project-thumb>img{cursor:pointer;transform:scale(1);transition:transform .5s ease}.project:hover>.project-thumb>img{cursor:pointer;transform:scale(1.2);transition:transform .5s ease}iframe{position:absolute;top:0;left:0;border:none;opacity:1;transition:opacity .5s ease;height:100%;width:100%;z-index:1}iframe.loading{opacity:0;transition:opacity .5s ease}.site-data{position:absolute;bottom:var(--padding);left:var(--padding);z-index:6}.site-data h1{font-size:10svh;text-transform:uppercase}.site-data h1:hover{cursor:pointer}.info-panel{position:absolute;height:100vh;top:0;width:calc(var(--app-width) + var(--padding));transition:transform .5s ease}.panel-component{position:absolute;height:100vh;overflow:hidden;top:0;transform:translate3d(0,-100vh,0);width:calc(var(--app-width) + var(--padding));transition:transform .5s ease;z-index:var(--top-layer)}.panel-component.open{transform:translateZ(0);transition:transform .5s ease;z-index:var(--top-layer)}.panel-content{position:relative;z-index:var(--top-layer)}.text-content{position:absolute;top:0;left:0;width:100vw;height:100vh;transform:translateY(150vh);opacity:0;transition:all var(--transition-time) ease}.text-content.show{transform:translateY(0);opacity:1;transition:all .6s cubic-bezier(.77,.17,.31,.76)}.text-content-wrap{padding:var(--padding)}.text-content h1{font-size:10svh}.text-content p{max-width:30vw;font-size:110%}.text-content p.notes{font-style:italic;font-size:95%}@media screen and (max-width: 1024px){.text-content p{max-width:100%}.panel-component{width:100%}.site-data h1{font-size:4svh}}.mobile{display:none}@media only screen and (hover: none) and (pointer: coarse){.mobile{display:inherit}}