.description{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:2rem;width:50vw;height:100vh;text-align:center;color:#fff}#description-container{position:relative;display:inline-block;min-width:30%;max-width:60%;min-height:30%;max-height:60%;margin-block:1rem 1rem}#description-container *{pointer-events:none}#description-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:25px;filter:brightness(100%);transition:filter .3s cubic-bezier(.25,.46,.45,.94)}#description-container:hover #description-image{filter:brightness(25%)}#description-container>div{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s cubic-bezier(.25,.46,.45,.94)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){#description-container>div{border-radius:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#4040404d;box-shadow:0 3px 3px #00000040;border:1px solid rgba(128,128,128,.5)}}#description-container:hover>div{opacity:1}#description-body{font-family:IBM Plex Mono;padding:1rem;font-weight:400;font-size:2.5rem;transform:translateY(6rem);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}#description-container:hover #description-body{transform:translateY(0)}#description-subtitle{font-family:IBM Plex Mono;font-weight:200;font-size:3rem;margin-block:2rem 2rem}#description-title{display:inline;font-family:IBM Plex Mono;font-weight:700;font-size:10rem;color:#fff}#description-number{display:inline;font-family:IBM Plex Mono;font-weight:700;font-size:8rem;text-shadow:-1px -1px 0 #FFF,1px -1px 0 #FFF,-1px 1px 0 #FFF,1px 1px 0 #FFF}@supports (-webkit-text-stroke: 1px white){#description-number{color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:white;text-shadow:none}}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:100;src:url(/fonts/ibm/ibm-plex-mono-v19-latin-100.woff2) format("woff2")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:200;src:url(/fonts/ibm/ibm-plex-mono-v19-latin-200.woff2) format("woff2")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:300;src:url(/fonts/ibm/ibm-plex-mono-v19-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:400;src:url(/fonts/ibm/ibm-plex-mono-v19-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:500;src:url(/fonts/ibm/ibm-plex-mono-v19-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:600;src:url(/fonts/ibm/ibm-plex-mono-v19-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:700;src:url(/fonts/ibm/ibm-plex-mono-v19-latin-700.woff2) format("woff2")}@font-face{font-family:Onest;src:url(/fonts/onest/Onest-Black.woff2) format("woff2"),url(/fonts/onest/Onest-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/onest/Onest-SemiBold.woff2) format("woff2"),url(/fonts/onest/Onest-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/onest/Onest-Bold.woff2) format("woff2"),url(/fonts/onest/Onest-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/onest/Onest-Regular.woff2) format("woff2"),url(/fonts/onest/Onest-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/onest/Onest-Thin.woff2) format("woff2"),url(/fonts/onest/Onest-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/onest/Onest-Light.woff2) format("woff2"),url(/fonts/onest/Onest-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/onest/Onest-ExtraBold.woff2) format("woff2"),url(/fonts/onest/Onest-ExtraBold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/onest/Onest-ExtraLight.woff2) format("woff2"),url(/fonts/onest/Onest-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/onest/Onest-Medium.woff2) format("woff2"),url(/fonts/onest/Onest-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}#footer{list-style:none;display:flex;justify-content:center;align-items:center;position:absolute;left:20px;bottom:20px;z-index:10;margin:0;padding:0;gap:15px}#footer li{position:relative}#footer .tooltip{position:absolute;top:-30px;left:50%;padding:6px 10px;border-radius:5px;color:#000;font-size:1.2rem;font-family:IBM Plex Mono;font-weight:500;opacity:0;visibility:hidden;transform:translate(-50%);transition:all .3s ease}#footer .instagram .tooltip{color:#fff}#footer li:hover .tooltip{opacity:1;visibility:visible;top:-60px}#footer li a{position:relative;overflow:hidden;width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;background-color:#222;transition:color .3s ease-in-out,filter .05s ease-out,transform .05s ease}#footer li a:hover{color:#000}#footer li a:active{filter:brightness(25%);transform:translateY(4px)}#footer li a .icon{position:relative;z-index:1;width:40px;height:40px}#footer .instagram a:hover{color:#fff}#footer li a .filled{position:absolute;top:auto;bottom:0;left:0;width:100%;height:0;background-color:#fff;transition:all .3s ease-in-out}#footer li a:hover .filled{height:100%}#footer .github a .filled,#footer .github a~.tooltip{background-color:#fff}#footer .instagram a .filled,#footer .instagram a~.tooltip{background:linear-gradient(45deg,#405de6,#5b51db,#b33ab4,#c135b4,#e1306c,#fd1f1f)}*{margin:0;font-family:Onest}*{scrollbar-color:#222 transparent}.blender-camera-button-container{position:absolute;top:30%;left:-50px;width:35px;height:35px;border-radius:100%;background:#333;opacity:75%;border:none;display:flex;align-items:center;justify-content:center}.blender-camera-button-container:hover{background:#8b8b8b}.blender-sidebar-container{width:30px;background:#1d1d1d;overflow-y:scroll;scrollbar-width:none;display:flex;flex-direction:column;gap:0;font-size:0;position:relative}.blender-sidebar-button{width:30px;min-height:30px;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:2px;position:relative}.blender-details-container{position:relative;display:flex;flex-direction:column;flex-grow:1;border-radius:6px;overflow:hidden}.blender-details-overlay{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:6px;box-shadow:inset 0 0 0 1px #5c5c5c;pointer-events:none}.blender-details-header{position:relative;background:#303030;min-height:30px;width:100%}.blender-details-content-container{display:flex;flex-direction:row;height:calc(100% - 30px)}.blender-details-description-container{background:#303030;width:100%;height:100%;display:flex;flex-direction:column}.blender-details-description-text{padding:8px;margin:8px;background:#3d3d3d;border-radius:4px;height:100%;box-sizing:border-box;flex-grow:1}.blender-footer-container{position:fixed;bottom:0;left:0;width:100vw;height:20px;z-index:100;background:#161616;display:flex;align-items:center;justify-content:right}.blender-footer-container p{margin-right:12px;color:#878787;text-align:right;font-size:.8rem}.blender-preview-container{width:100%;height:500px;border-radius:6px;overflow:hidden;margin-top:5px}.blender-preview-image-header{padding-top:10px;padding-left:8px}.blender-preview-image-overlay{background:#333;width:100%;height:100%;border-radius:6px;box-shadow:inset 0 0 0 1px #5c5c5c;display:flex;flex-direction:column}.blender-preview-image-container{width:100%;height:100%;flex-grow:1;display:flex;align-items:center;justify-content:center}.blender-preview-image-container img{display:block;max-width:80%;max-height:80%;width:auto;height:auto}.blender-canvas-overlay{position:fixed;top:0;left:0;width:calc(70vw - 5px);height:calc(100vh - 20px);background:#00000080;mask:linear-gradient(black,black),linear-gradient(black,black);-webkit-mask-size:100% 100%,600px 700px;mask-size:100% 100%,600px 700px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude;display:flex;align-items:center;justify-content:center;pointer-events:none}.blender-canvas-dotted{width:600px;height:700px;border:1px dashed black}.blender-container{background:#161616;position:absolute;top:0;right:0;width:max(300px,30vw);height:100vh;z-index:30;display:flex;flex-direction:column;gap:5px;padding-left:5px;box-shadow:inset 1px 0 #535353;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:.8rem;font-weight:300;text-shadow:0px 1px black;color:#e6e6e6}body{background:#000}.grid{--gap: 0;--column-width: 500px;width:100%;columns:var(--column-width);margin:0rem auto;gap:var(--gap);background:#000}.grid>*{width:100%;break-inside:avoid;margin-bottom:var(--gap)}.container{position:relative;width:100%}.container img{display:block;width:100%;height:auto;background:linear-gradient(to right,#2b2b2b,#636363,#2b2b2b) 0 0 / 200% 100% #636363;animation:linearAnim 2s infinite linear}@keyframes linearAnim{to{background-position:-200% 0}}.overlay{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;transition:.3s ease;background:#050404;background:linear-gradient(0deg,#000c,#0000001a);font-size:1.5em}.text{position:absolute;bottom:0%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center}.container:hover .overlay{opacity:1}.gallery-navbar-overlay{position:fixed;left:0;top:0;z-index:90;width:100%;height:25vh;background:linear-gradient(180deg,#000c,#0000);pointer-events:none}nav{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;justify-content:start;align-items:center;gap:.5rem;padding-left:1rem}nav h2 a{margin:0;padding-right:.5rem;font-weight:900;font-size:4rem;color:#fff;text-decoration:none}.dropdown{display:inline-block;position:relative}.dropdown-button{background:transparent;color:#fff;cursor:pointer;padding:0 1rem;font-weight:600;font-size:2.5rem}.dropdown-content{display:none;position:absolute;min-width:100%;max-width:100%;z-index:20;background:#000}.dropdown-content a{color:#fff;display:block;max-width:fit-content;padding:1rem;font-weight:600;font-size:2.5rem;text-decoration:none}.dropdown-content a:hover{color:silver}.dropdown:hover .dropdown-button{background:#000;color:#fff}.dropdown:hover .dropdown-content{display:block}.projects-body{position:fixed;width:100vw;height:100vh;background:#0a0a0a;overflow:hidden;margin:0rem}.projects-track{transform:translateY(-50%);position:absolute;top:50%;left:50%;display:flex;align-items:center;gap:50px;-webkit-user-select:none;user-select:none;pointer-events:none}body{--initial-image-width: 400px;--initial-image-height: 500px;--border-color: rgb(70, 70, 70);--transparent-border-color: rgb(70, 70, 70, .2);--fill-color: rgba(14, 14, 14, .5);--grid-gap: 10px}.projects-container{position:relative;width:var(--initial-image-width);height:var(--initial-image-height);display:flex;align-items:start;justify-content:start;pointer-events:none}.projects-image-container{width:var(--initial-image-width);height:var(--initial-image-height);position:relative}.projects-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:5px;border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;pointer-events:all}.projects-image-container img:nth-of-type(2){position:absolute;top:102%;left:0;transform:scaleY(-1);pointer-events:none;border:1px solid var(--transparent-border-color);z-index:0}.projects-image-container:before{position:absolute;top:102%;left:0;transform:scaleY(-1);width:100%;height:100%;content:"";z-index:1;background:linear-gradient(to bottom,#000 70%,#00000057 90%,#0000)}.projects-image:after,.projects-image:before{content:"";position:absolute;width:inherit;height:50%;bottom:-52%}.projects-description-container{position:absolute;top:0;left:0;z-index:-1;width:25vmax;height:var(--initial-image-height);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.projects-description-grid{width:70%;height:50%;display:grid;grid-template-rows:1fr auto;grid-template-columns:100%;gap:var(--grid-gap);pointer-events:none}.projects-description-grid-top-row{grid-row:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.projects-description-grid-bottom-row{grid-row:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--grid-gap);pointer-events:none}.hover-content>p{width:100%;color:#fff;text-align:center;padding:10%}.hover-content>a{width:100%;height:50px;display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;color:#fff;pointer-events:all}.hover-content a:active{color:gray}.hover{position:relative;width:100%;height:100%;background:var(--border-color);border-radius:5px;pointer-events:all}.projects-description-grid:hover .hover>.hover-border{opacity:1}.hover:hover:before{opacity:1}.hover>.hover-border,.hover:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0;transition:opacity .5s;border-radius:inherit}.hover>.hover-border{background:radial-gradient(500px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.5),transparent 40%);z-index:1}.hover:before{background:radial-gradient(900px circle at var(--mouse-x) var(--mouse-y),rgba(129,129,129,.4),transparent 40%);z-index:3;pointer-events:none}.hover>.hover-content{position:relative;height:calc(100% - 2px);width:calc(100% - 2px);margin:1px;background:var(--fill-color);border-radius:inherit;z-index:2;display:flex;align-items:center;justify-content:center}:root{--twinkle-duration: 10s}.star{position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff;z-index:-1;animation:twinkle var(--twinkle-duration) infinite alternate}@keyframes twinkle{0%,to{opacity:.1;transform:scale(.8)}50%{opacity:.4;transform:scale(1.2)}}