:root{--font-body:"Montserrat",sans-serif;--font-size-body:20px;--font-size-header-1:24px;--font-size-header-2:30px;--font-size-header-3:50px;--font-size-filters:16px}body{background-color:#181818;color:#fff;font:Montserrat,sans-serif;font:var(--font-body);margin:20px}.overlay-dismiss{display:inline-block;height:100%;position:absolute;width:100%}hr{border:2px solid #333}.about .portrait{width:100%}.portrait .img{background-color:#202020;border-radius:10px;display:block;float:left;height:auto;margin-bottom:3%;max-height:750px;max-width:100%;object-fit:cover;padding:10px}.about .aboutme .description{line-height:135%}.about .aboutme .contact,.about .aboutme .description{color:#fff;display:flex;font-family:Montserrat,sans-serif;font-family:var(--font-body);font-size:20px;font-size:var(--font-size-body);font-style:normal;line-height:150%;width:100%}.about .aboutme .contact{font-weight:400}.about .aboutme .links{color:#fff;display:flex;font-family:Montserrat,sans-serif;font-family:var(--font-body);font-size:20px;font-size:var(--font-size-body);font-style:normal;font-weight:400;line-height:15%;line-height:10%;width:100%}.about .aboutme .mail a{background-color:transparent;background:none;border:none;color:#6da8ca;margin:0;padding:0;text-align:left;text-decoration:underline;z-index:0}.about .aboutme .mail a:hover{color:#fff}.about .aboutme .header{color:#fff;font-size:20px;font-size:var(--font-size-body);line-height:135%;line-height:150%}.about .aboutme .header,.contact{display:flex;font-family:Montserrat,sans-serif;font-family:var(--font-body);font-style:normal;font-weight:700;width:100%}.contact{text-align:center}.columnCV{flex-direction:column;width:100%}.cv{background-color:#202020;border-radius:10px;display:flex;margin-bottom:20%;margin-top:2%;max-width:100%;padding:20px;width:100%}.category,.cv{font-family:Montserrat,sans-serif;font-family:var(--font-body);font-size:24px;font-size:var(--font-size-header-1);text-align:left}.category{font-weight:700;margin-top:7%}.cv .header{float:right;font-family:Montserrat,sans-serif;font-family:var(--font-body);font-size:24px;font-size:var(--font-size-header-1);font-weight:700;padding-bottom:3px;text-align:left}.cvEntry{margin-bottom:2%;width:100%}.position{font-weight:700}.company,.position{float:right;font-family:Montserrat,sans-serif;font-family:var(--font-body);font-size:20px;font-size:var(--font-size-body);padding-bottom:3px;text-align:left;width:70%}.company{border:none}.company,.company a:link,.company a:visited{color:#6da8ca;text-decoration:none}.company a:hover{color:#fff}.company a:active,.company a:hover{text-decoration:none}.company .a{color:#fff}.durtation{border:none;text-align:left;text-decoration:none;width:30%}.durtation,.skill{font-family:Montserrat,sans-serif;font-family:var(--font-body);font-size:20px;font-size:var(--font-size-body)}.score{float:right;height:auto;margin-right:50%;width:13%}.project{padding-top:50px}.column{flex-direction:row;width:100%}.navigation{display:none}.main-image{max-width:100%}.main-image .img img{float:left;height:auto;left:0;top:0;width:100%}.sub-image img{height:auto;margin-bottom:5%;width:100%}.project .header{color:#fff;float:left;height:auto;margin-bottom:1%;width:100%}.project .header .title{color:#fff;float:left;font-family:Montserrat,sans-serif;font-family:var(--font-body);font-size:30px;font-size:var(--font-size-header-2);font-weight:700;height:auto;margin-top:calc(6% - 1vw);min-width:50%}.project .header .links{float:right;height:auto;margin-top:1%;padding-bottom:0;text-align:right;width:40%}.project .links p{color:#fff;font-family:Montserrat,sans-serif;font-family:var(--font-body);font-size:20px;font-size:var(--font-size-body)}.project .descriptionbox,.project .descriptionbox .description{float:left;max-height:30%;position:static}.project .descriptionbox .description p{color:#ddd;font-family:Montserrat,sans-serif;font-family:var(--font-body);font-size:20px;font-size:var(--font-size-body);font-style:normal;line-height:135%}.project .descriptionbox .collaborators{color:#ddd;float:left;max-height:30%;overflow-wrap:break-word;position:static}.project .descriptionbox .collaborators p{color:#ddd;font-family:Montserrat,sans-serif;font-family:var(--font-body);font-size:20px;font-size:var(--font-size-body);text-align:left}.sideBar{background-color:#202020;border-radius:20px;bottom:0;height:calc(99% - 120px - 2.8vw);left:0;min-width:250px;overflow-x:hidden;position:fixed;top:calc(120px + 2.8vw);transition:.5s;width:17%;z-index:0}.Flipped{direction:rtl}::-webkit-scrollbar{background:transparent;width:5px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background:#3e6074;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.about-button{background-color:#181818;border:none;color:#6da8ca;font-family:Montserrat,sans-serif;font-family:var(--font-body);font-size:50px;font-size:var(--font-size-header-3);font-weight:700;height:calc(120px + 2.8vw);justify-content:space-between;left:0;padding-left:0;padding-right:0;position:fixed;text-align:left;text-decoration:none;top:0;width:17%;z-index:0;z-index:1}.about-button:hover{background-color:#181818;color:#979797;cursor:pointer;z-index:inherit}.about-button .about-button--on{background-color:inherit;padding-left:7%;z-index:inherit}.about-button:hover .about-button--on{background-color:transparent;z-index:inherit}.hover-button{background-color:transparent;border:none;color:#c5c5c5;cursor:pointer;font-family:Montserrat,sans-serif;font-family:var(--font-body);font-size:30px;font-size:var(--font-size-header-2);font-weight:700;height:calc(55px + 2.5vw);justify-content:space-between;padding-left:0;padding-right:0;text-align:left;text-decoration:none;width:100%;z-index:0}.hover-button:hover{background-color:transparent;background-image:var(--hover--image);background-repeat:no-repeat;background-size:cover;color:#fff;position:relative}.hover-button:hover:before{background-color:#171717;bottom:0;content:"";left:0;opacity:.85;position:absolute;right:0;top:0;z-index:-1}.hover-button .hover-button--on{padding-left:7%}.hover-button .hover-button--on,.hover-button:hover .hover-button--on{background-color:transparent;z-index:1}.tags{height:30%;margin-top:7px;width:95%}.tag{background-color:#181818;border:none;border-radius:5px;color:#979797;cursor:pointer;float:left;font-family:Montserrat,sans-serif;font-family:var(--font-body);font-size:16px;font-size:var(--font-size-filters);margin-bottom:7px;margin-left:4px;margin-right:4px;padding:5px 8px;text-align:left;text-decoration:none;z-index:5}.tags .tag:hover{background-color:#202020;color:#6da8ca}.filters{background-color:#333;direction:ltr;float:left;height:-moz-fit-content;height:fit-content;line-height:200%;padding-bottom:15px;padding-left:7%;padding-top:3%;width:100%}.filters,.filtertag{font-family:Montserrat,sans-serif;font-family:var(--font-body);font-size:16px;font-size:var(--font-size-filters);text-align:left}.filtertag{background-color:#181818;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;margin-left:4px;margin-right:4px;padding:5px 8px;text-decoration:none;width:-moz-fit-content;width:fit-content;z-index:5}.tags .filtertag:hover{background-color:#181818;color:#6da8ca;text-decoration:line-through}.filtertag .clearIcon{display:none}.filtertag:hover .clearIcon{display:inline}.video-responsive{float:left;height:auto;overflow:hidden;padding-bottom:56.31%;position:relative;width:100%}.video-responsive iframe{height:100%;left:0;position:absolute;top:0;width:100%}html{scroll-behavior:smooth}a:link,a:visited{color:#fff;text-decoration:none}a:hover{color:#6da8ca}a:active,a:hover{text-decoration:none}.overlay{align-items:center;background:rgba(27,27,27,.8);display:flex;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:900}.overlay img{display:block;height:auto;margin:60px auto;max-height:90%;max-width:90%;object-fit:contain;width:90%;z-index:900}.overlay>span{color:#fff;cursor:pointer;font-size:30px;font-size:var(--font-size-header-2);position:absolute;right:20px;top:20px;z-index:999}.overlay-arrows_left{background-color:#6d6d6d;display:flex;justify-content:space-between;left:0;position:absolute;top:50%;z-index:999}.overlay-arrows_left,.overlay-arrows_left svg,.overlay-arrows_right,.overlay-arrows_right svg{height:50px;width:50px}.overlay-arrows_right{background-color:#6d6d6d;display:flex;justify-content:space-between;position:absolute;right:0;top:50%;z-index:999}@media only screen and (min-width:1000px){:root{--font-size-body:14px;--font-size-header-1:20px;--font-size-header-2:22px;--font-size-header-3:40px;--font-size-filters:12px}.column,.columnCV{flex-direction:column;width:100%}.navigation{display:block}.project{display:flex;padding-top:.7%}.navPlaceholder{min-width:250px;width:25%}.colMain{padding-left:8%;padding-right:2%;width:50%}.colSub{padding-left:1%;padding-right:10%;width:25%}hr{display:none}.about{display:flex;padding-left:8%}.portrait .img{margin-top:7%;min-width:20%;width:auto}.aboutme{padding-right:2%;width:35%}.cv{margin-left:3%;margin-right:10%;width:35%}.vl{border-left:3px solid #6da8ca;height:105%;left:65%;position:absolute;top:0}.about .aboutme .description,.about .aboutme .header{width:90%}}@media only screen and (min-width:2000px){:root{--font-size-body:20px;--font-size-header-1:24px;--font-size-header-2:30px;--font-size-header-3:50px;--font-size-filters:16px}.project{display:flex;padding-top:35px}}@media only screen and (min-width:3000px){:root{--font-size-body:26px;--font-size-header-1:28px;--font-size-header-2:36px;--font-size-header-3:6px;--font-size-filters:19px}}@media only screen and (max-width:999px){*,:after,:before{box-sizing:border-box}body{font-family:Montserrat,sans-serif;font-family:var(--font-body)}.project{display:flow-root}.main-image .img img{display:block;float:none}.video-responsive{float:none}.project .header{align-items:baseline;display:flex;flex-wrap:wrap;float:none;gap:8px 16px;justify-content:space-between}.project .header .title{float:none;margin-top:16px;min-width:0}.project .header .links{float:none;width:auto}.project .descriptionbox,.project .descriptionbox .collaborators,.project .descriptionbox .description{float:none;max-height:none;min-width:0}.project .descriptionbox{overflow-wrap:anywhere}.project .descriptionbox .collaborators{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px 12px}.project .descriptionbox .collaborators p{margin:0 0 8px}.about .aboutme .contact{flex-wrap:wrap;overflow-wrap:anywhere;text-align:left}}.video-preview{background:#202020;border:0;cursor:pointer;height:100%;inset:0;padding:0;position:absolute;width:100%}.video-preview img{display:block;height:100%;object-fit:cover;width:100%}.video-play{color:hsla(0,0%,71%,.7);filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));height:clamp(48px,7vw,80px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(48px,7vw,80px)}.video-preview:hover .video-play{color:hsla(0,0%,82%,.85)}.video-preview:focus-visible{outline:2px solid #bbb;outline-offset:-4px}.mobile-menu-backdrop,.mobile-menu-toggle{display:none}@media only screen and (max-width:999px){.mobile-menu-toggle{align-items:center;background:hsla(0,0%,9%,.9);border:0;border-radius:6px;color:#ddd;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:44px;justify-content:center;left:calc(12px + env(safe-area-inset-left, 0px));padding:10px;position:fixed;top:calc(12px + env(safe-area-inset-top, 0px));width:44px;z-index:820}.mobile-menu-toggle span{background:currentColor;height:2px;transition:transform .25s ease,opacity .25s ease;width:24px}.mobile-menu-toggle--open span:first-child{transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle--open span:nth-child(2){opacity:0}.mobile-menu-toggle--open span:last-child{transform:translateY(-7px) rotate(-45deg)}.mobile-menu-backdrop{background:rgba(0,0,0,.45);border:0;display:block;inset:0;padding:0;position:fixed;z-index:800}.navigation{background:#181818;bottom:0;display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease,visibility 0s linear .25s;visibility:hidden;width:min(340px,calc(100vw - 56px));z-index:810}.navigation--open{pointer-events:auto;transform:translateX(0);transition-delay:0s;visibility:visible}.navigation>a{flex-shrink:0}.navigation .about-button{font-size:30px;height:auto;padding:calc(72px + env(safe-area-inset-top, 0px)) 20px 20px;position:static;width:100%}.navigation .about-button--on{padding-left:0}.navigation .sideBar{--font-size-header-2:22px;--font-size-filters:12px;border-radius:0;direction:ltr;flex:1 1;height:auto;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior-y:contain;padding-bottom:env(safe-area-inset-bottom,0);position:static;width:100%}.navigation .hover-button{display:block;height:auto;padding:12px 0}.navigation .tags{display:flow-root;height:auto;padding-left:12px}}@media only screen and (max-width:999px) and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-menu-toggle span,.navigation{transition:none}}
/*# sourceMappingURL=main.d332e979.css.map*/