@media (max-width: 1500px){html{font-size:14px}.commentaries .cardSection .singleCard{height:240px;width:450px}}@media (max-width: 1300px){section{padding:5rem}.headerContent{margin:0 4rem}.technologiesSection{display:flex;flex-direction:column;justify-content:center;align-items:center;position:static;gap:2rem}.technologiesSection>.technologies{justify-content:center;max-width:33rem}.portfolioSection{display:flex;flex-direction:column;justify-content:center;align-items:center;position:static}.portfolioSection .portfolioSectionLeft>.portfolio,.portfolioSection .portfolioSectionLeft h3{display:flex;flex-direction:column;justify-content:center;align-items:center;position:static;text-align:center;margin:0 4rem}.portfolioSection .portfolioSectionLeft p,.portfolioSection .portfolioSectionLeft table{width:100%}.portfolioSection>.howerProject{height:0;margin-top:0}.portfolioSection>.howerProject>.miniGraphic{display:none}.portfolioSection>.howerProject>.overlayBg>.projectDetails>.cardLeft>.cardHeadlines{display:flex;justify-content:center;align-items:center;gap:2rem}.contactMeSection{flex-direction:column;justify-content:center;align-items:center}.contactMeSection>div,.contactMeSection form{align-self:center;width:100%}.contactMeSection>div div p,.contactMeSection form div p{font-size:clamp(14px,2vw,16px)}.contactMeSection>form>div>input,.contactMeSection>form>div textarea{width:80%;font-size:14px;font-family:Karla}.projectDetails>.cardRight>.graphic{z-index:10}.whoIAmSection{flex-direction:column;display:flex;justify-content:center;align-items:center;gap:2rem}.whoIAmSection>.profileSection{display:flex;flex-direction:column;justify-content:center;align-items:center;position:static;height:fit-content}.whoIAmSection>.profileSection>h3{display:block;align-self:flex-start}.whoIAmSection>.profileSection>.profile{position:static!important;max-width:100%;top:unset;left:unset}.whoIAmSection>.profileSection>.profile:hover{display:block;margin:0}.whoIAmSection>.profileSection>.profileBg{display:none}.whoIAmSection>.whoIAm{margin-left:0}.whoIAmSection>.whoIAm>h3{display:none}.whoIAmSection>.whoIAm>.aboutMe{position:static}}@media (max-width: 1000px){.headerContent a div{font-size:1rem}}@media (max-width: 900px){p,li{font-size:16px}.headerContent{margin:0 6rem!important}.headerContent a div{font-size:1rem}section{padding:2rem}.portfolioSection .portfolioSectionLeft .portfolio{margin:0 8rem}.portfolioSection .portfolioSectionLeft .portfolio p,.portfolioSection .portfolioSectionLeft .portfolio table{width:100%}.projectDetails{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;min-height:fit-content;gap:0}.projectDetails>.cardLeft{min-width:90%}.projectDetails>.cardLeft>.cardHeadlines h2{font-size:4.5rem}.projectDetails>.cardLeft>.tecsAndButtons{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.projectDetails>.cardLeft>.tecsAndButtons>.tecsCard{flex-flow:row wrap}.projectDetails>.cardLeft>.tecsAndButtons>.cardButtons{gap:1rem}.projectDetails>.cardRight{position:relative;min-width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}.projectDetails>.cardRight>.closeBtn{position:relative;top:0;right:-50%}.projectDetails .commentaries{overflow:hidden}.projectDetails .navBar .arrowImg{margin:0 .5rem;height:4.5rem;width:4.5rem}.projectDetails .navBar .dot{padding:0 .25rem;height:1rem;width:1rem}.projectDetails .footerSection .businesMedia a{font-size:1.2rem}}@media (max-width: 900px) and (max-width: 750px){.headerContent{margin:0 2.5rem!important}}@media (max-width: 900px){.footerSection{padding:2rem 6rem 4rem!important;position:relative}.footerSection .copyright{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);font-size:1rem;white-space:nowrap}}@media (max-width: 800px){.portfolio table th,.portfolio table td{padding:0}.portfolio table tr{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:1rem;gap:1rem}}@media (max-width: 700px){.greenH2{font-size:3rem}h1{font-size:3.5rem}.prPolicySection{padding:5rem 0}.prPolicySection>.prPolicy{padding:5rem 6rem 0}.portfolioSection .portfolioSectionLeft .portfolio{margin:0 4.5rem}.portfolioSection .portfolioSectionLeft .portfolio table tr{padding:1rem .5rem}.commentaries .cardSection .singleCard{background-color:#286359}.contactMeSection{padding:5rem 6rem!important}.imprint{padding-top:5rem}}@media (max-width: 550px){.portfolioSection .portfolioSectionLeft .portfolio{margin:0 3rem}.commentaries .cardSection .singleCard{width:370px;height:280px}}@media (max-width: 500px){html{font-size:12px}.squareDesign{min-width:100%;box-sizing:border-box;height:fit-content}.whoIAmSection>.profileSection{width:100%}.whoIAmSection>.profileSection .profile{aspect-ratio:1/1}.whoIAmSection>.whoIAm{display:flex;justify-content:center;align-items:center;max-width:100%;width:100%}.whoIAmSection>.whoIAm>.aboutMe{align-self:center;max-width:100%;height:fit-content}.whoIAmSection>.whoIAm>.aboutMe table td{font-size:1.2rem}.technologiesSection>.skillSetSection{max-width:100%}.technologiesSection>.skillSetSection>.skillsetDescription{margin:0;min-height:fit-content;width:100%;min-width:100%}.overlayBg .projectDetails{padding:2rem}.overlayBg .projectDetails>.cardLeft>.tecsAndButtons{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;justify-content:flex-start}.overlayBg .projectDetails>.cardLeft>.tecsAndButtons>.tecsCard>div{margin-left:0}.commentaries .cardSection .singleCard{height:fit-content;width:100%}.commentaries .cardSection .singleCard .singleCardInfo .commentary{font-size:1.2rem;padding:0 1.5rem}.commentaries .cardSection .singleCard .singleCardInfo .commentator p{font-size:1.1rem;word-break:break-word}}@media (max-width: 450px){.portfolioSection .portfolioSectionLeft .portfolio{margin:0 4.5rem}.portfolioSection{padding:0}.portfolioSection .portfolioSectionLeft .portfolio{margin:0}.portfolioSection .portfolioSectionLeft .portfolio h2,.portfolioSection .portfolioSectionLeft .portfolio p{max-width:80%}.portfolioSection .portfolioSectionLeft .portfolio table tr{padding:1rem 2.5rem}.portfolioSection .portfolioSectionLeft .portfolio table th{padding:0}.portfolioSection .portfolioSectionLeft .portfolio table td{text-align:left;line-height:1.5rem}.portfolioSection .portfolioSectionLeft .portfolio table td .devide{width:0}.projectDetails .cardLeft .cardHeadlines h2{font-size:3rem}.contactMeSection{padding:5rem 3rem!important}.footerSection{padding:2rem 3rem 5rem!important;position:relative}.footerSection .copyright{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.footerSection .businesMedia a{font-size:1.2rem}.prPolicySection .prPolicy{padding:5rem 3rem 0}}@media (max-width: 400px){.footerSection{padding:1.8rem 1.8rem 5rem!important;font-size:1rem}}.commentaries .cardSection{height:350px}@media (max-width: 360px){.commentaries .cardSection{height:400px}.footerSection{padding:1.8rem 1.5rem 5rem!important}}@keyframes slideBtnTextOut{0%{transform:translate(0)}40%{transform:translate(-150px)}50%{transform:translateY(-200px)}60%{transform:translate(150px)}to{transform:translateY(0)}}@keyframes slideBtnTextIn{0%{transform:translateY(-64px)}20%{transform:translate(256px)}to{transform:translateY(0)}}@keyframes flipImage{0%{transform:rotateY(0)}25%{transform:rotateY(90deg);opacity:.25}50%{transform:rotateY(180deg)}75%{transform:rotateY(270deg);opacity:.25}to{transform:rotateY(360deg)}}html{scroll-behavior:smooth}body{margin:0;scroll-behavior:smooth}section{padding:5rem 10rem;position:relative;margin:auto;color:#d9d9d9;max-width:120rem}.d_none{display:none!important}.btnPointer{cursor:pointer}.btn{cursor:pointer;padding:.75rem 1rem;font-family:Fira Code;font-size:1rem;border:solid .125rem rgb(217,217,217);border-radius:2rem;background-color:#0000;color:#d9d9d9;overflow:hidden}.btn p,.btn div{animation:slideBtnTextIn 1s ease-out 1 forwards;margin:0}.btn:hover{border:solid .125rem rgb(61,207,182);color:#3dcfb6}.btn:hover p,.btn:hover div{animation:slideBtnTextOut 2s infinite}.greenH2{margin:0;font-size:2.5rem;font-weight:700;color:#3dcfb6}h3{font-family:Karla;font-size:1.5rem;color:#3dcfb6}.squareDesign{height:35.5rem;min-height:fit-content;width:35.5rem;border-radius:2rem}#shadow-host-companion{padding:0}.inactiveBtn{text-decoration:line-through!important}.inactiveBtn:hover{color:#d9d9d9!important;cursor:default!important}.preventScrolling{overflow:hidden!important}@font-face{font-display:swap;font-family:Fira Code;font-style:normal;font-weight:300;src:url("./media/fira-code-v22-latin-300-XJ5IRY3O.woff2") format("woff2")}@font-face{font-display:swap;font-family:Fira Code;font-style:normal;font-weight:400;src:url("./media/fira-code-v22-latin-regular-QEIMMOGQ.woff2") format("woff2")}@font-face{font-display:swap;font-family:Fira Code;font-style:normal;font-weight:500;src:url("./media/fira-code-v22-latin-500-CUQ526YT.woff2") format("woff2")}@font-face{font-display:swap;font-family:Fira Code;font-style:normal;font-weight:600;src:url("./media/fira-code-v22-latin-600-PHYWFKDR.woff2") format("woff2")}@font-face{font-display:swap;font-family:Fira Code;font-style:normal;font-weight:700;src:url("./media/fira-code-v22-latin-700-CDX7LTAW.woff2") format("woff2")}@font-face{font-display:swap;font-family:Karla;font-style:normal;font-weight:400;src:url("./media/karla-v31-latin-regular-OQJK5M6H.woff2") format("woff2")}@font-face{font-display:swap;font-family:Karla;font-style:normal;font-weight:700;src:url("./media/karla-v31-latin-700-PUTBBOA3.woff2") format("woff2")}.colleague{color:#3dcfb6;text-decoration:none}.colleague:hover{color:#d9d9d9;text-decoration:underline}.colleague .preventScrolling{overflow:hidden!important}