:root{--cw: 1vw}@media(min-aspect-ratio:16/9){:root{--cw: calc(1vh * 16 / 9)}}:root{--subtitle-height: calc(3 * var(--cw));--text-height: calc(2 * var(--cw));--content-margin: calc((100vw - var(--cw) * 100) / 2)}*{margin:0;padding:0;box-sizing:border-box}img{pointer-events:none;-webkit-user-select:none;user-select:none}@font-face{font-family:HelveticaThermal;src:url(/assets/HelveticaThermalLight-C3Jlg-wX.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:HelveticaThermal;src:url(/assets/HelveticaThermalRegular-qZ4C7V7W.woff2) format("woff2");font-weight:700;font-style:normal}body{height:100vh;overflow:hidden;background-color:#101010;font-size:var(--text-height);font-family:HelveticaThermal,sans-serif}@media(max-aspect-ratio:1/1){body{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}}main{height:100vh;overflow-y:scroll;overflow-x:hidden}#main-stack{top:0;left:var(--content-margin);width:calc(100 * var(--cw));position:relative;display:block;flex-direction:column;gap:20vh}#main-stack>*{position:relative}.main-image,section{width:100%}.full-width{width:100vw;margin-left:calc(var(--content-margin) * -1)}#main-background{position:absolute;display:block;z-index:-1;width:100vw;height:100vh;background-image:url(https://cdn.jsdelivr.net/gh/Ben-G-Man/sam-hume-portfolio@main/public/images/blackground/blackground.webp);background-repeat:repeat-y;background-size:100vw auto}.stationary{position:fixed;top:0;left:0}.full-screen{width:100vw;height:100vh}#loading{position:fixed;width:100vw;height:100vh;z-index:40;transition:opacity .5s ease-out;background-color:#101010}#loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loading.end{opacity:0;pointer-events:none}#blur{z-index:10;background-color:#060001b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.popup{z-index:11}.openable{display:none}.openable.open{display:block}.image-grid{position:absolute;top:20%;left:calc(20 * var(--cw));width:calc(60 * var(--cw));aspect-ratio:3 / 4;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.image-grid img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:all}.image-grid img:not(.wip){cursor:pointer;filter:grayscale(100%);transition:.3s}.image-grid img:not(.wip):hover{filter:grayscale(0%);transition:.3s}.image-grid img.wip{cursor:not-allowed}#landing{width:100%;padding-top:40px;padding-bottom:calc(6 * var(--cw))}#landing-background{width:100%}#face-melt{position:absolute;width:74%;left:13%;top:calc(16 * var(--cw))}@media(max-aspect-ratio:1/1){#landing{padding-top:0;margin-top:-10vw}#landing-background{margin-left:-16vw;width:132vw}#face-melt{width:100%;left:0;top:25vw}}#dancing-cubes{width:calc(80 * var(--cw));margin-left:calc(10 * var(--cw));margin-top:calc(-4 * var(--cw))}#about .main-image{width:calc(88 * var(--cw));margin-left:calc(6 * var(--cw))}#about #about-text-container{position:absolute;width:calc(56 * var(--cw));left:calc(22 * var(--cw));top:calc(18.5 * var(--cw));font-size:var(--text-height);font-family:HelveticaThermal,sans-serif}#about #about-text-container h1{font-size:var(--subtitle-height);line-height:calc(var(--subtitle-height) * 1.6)}#about #about-text-container li{list-style-type:none}#about #about-text-container{display:grid;grid-template-columns:1fr 1fr}#about #about-text-container #skills{width:calc(20 * var(--cw))}#about #about-text-container #fast-facts{width:calc(50 * var(--cw))}#about #about-text-container #education{margin-top:calc(5 * var(--cw));grid-column:1 / -1}@media(max-aspect-ratio:1/1){#about #about-text-container{display:block}#about #about-text-container section{margin-bottom:1rem}#about #about-text-container #skills ul{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}}#misc-works{position:relative}.animation-slideshow{aspect-ratio:2 / 1;margin-bottom:calc(10 * var(--cw))}#animation{margin-top:calc(-4 * var(--cw))}#links-container{aspect-ratio:2555 / 2110;position:relative;overflow:hidden;width:80%;margin-left:10%;margin-bottom:-13%}#links-text{z-index:1;position:absolute;width:80%;top:calc(20 * var(--cw));left:10%;height:calc(11 * var(--cw));display:flex;align-items:center}#inactive-region-top{height:53%;width:100%;position:absolute}#inactive-region-left{position:absolute;width:11.2%;height:47%;top:53%;left:11.5%}#inactive-region-right{position:absolute;width:11.2%;height:47%;top:53%;right:22.1%}interactive-slice{height:100%;position:relative;float:left}#click-my-links{margin-top:calc(-5 * var(--cw))}#footer{margin-top:-2vw}#footer a{position:absolute;top:50%;width:100%;height:50%;display:flex;justify-content:center;align-items:center;color:#7e1010;text-decoration:none}#image-full-screen-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:20}#image-full-screen{object-fit:contain;max-width:100%;max-height:100%}#exit-button{width:calc(7 * var(--cw));aspect-ratio:1/1;position:absolute;top:5%;right:5%;background-image:url(https://cdn.jsdelivr.net/gh/Ben-G-Man/sam-hume-portfolio@main/public/images/project-popups/exit-symbol-2.webp);filter:grayscale(100%);transition:filter .1s ease;background-size:cover;cursor:pointer;z-index:21}#exit-button:hover{filter:grayscale(0%);transition:filter .1s ease}