@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Rubik:wght@300&display=swap);: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}}
/*# sourceMappingURL=main.329677f7.css.map*/