@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--general-padding: 1em;--main-padding: 17.5em;--offset-padding: 15em;--general-fontSize: 12px;--important-fontSize: 5em;--control-fontSize: 12px;--chapters-fontSize: 12px;--banner-fontSize: 12px;--subject-fontSize: 12px;--detail-fontSize: 12px;--button-fontSize: 12px;--title-fontSize: 2.5em;--subject-fontSize: 1em;--description-fontSize: 1em;--subtitle-fontSize: 2em;--viewport-order: -1;--general-order: 0;--chapter-order: 1;--banner-order: 2;--subject-order: 3;--detail-order: 4;--button-order: 5;--control-order: 6;--general-gap: 1em;--general-border-radius: 1.5em;--general-font: normal 12px arial;--chapter-font: normal 1em arial;--banner-font: normal 1em arial;--subject-font: normal 1em arial;--detail-font: normal 1em arial;--button-font: normal 1em arial;--shadow-style: 0em 0em 1em;--glow-style: 0em 0em 2.5em;--glass-style: .025em solid;--outline-style: .2em solid;--general-color: #465b7b;--title-color: #1c3166;--subtitle-color: #1c3166;--subject-color: #1c3166;--description-color: #1c3166;--font-color: #12184D;--outline-color: #12184D;--border-color: #8A99A1;--first-background-color: #ADB6D3;--second-background-color: #8A99A1;--third-background-color: #F2F4EF;--forth-background-color: #12184D;--shadow-color: #949CBF;--first-color: #c85356;--profile-image: url(./public/assets/images/profilePicture.jpg)}.glass{background:linear-gradient(to bottom right,var (--second-background-color),var (--forth-background-color));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-style) var(--third-background-color);border-radius:var(--general-border-radius);box-shadow:inset var(--glow-style) var(--third-background-color)}*{box-sizing:border-box;margin:0;border:0;padding:0}svg{width:100%;height:100%;fill:var(--first-background-color)}.experience img{width:6.5em;height:6.5em}.dg .cr .property-name{color:#fff!important}.dg .title{color:#20d037!important}.project-bar{position:fixed;padding:var(--general-padding);top:0%;left:0;width:100%;height:16px;display:flex;justify-content:flex-end;align-items:center;background:#000000bf;color:#fff;font-family:sans-serif;font-size:6px;letter-spacing:.04em;z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.main{height:auto;width:100%;min-width:360px;overflow-x:hidden;position:static;left:0;right:0;gap:var(--general-gap);opacity:1;font:var(--general-font);display:flex;flex-flow:column wrap}.main.ready{opacity:1;transition:opacity .4s ease}.section{padding-bottom:var(--general-padding);height:auto;display:flex;flex-flow:column wrap;gap:var(--general-gap)}.chapter{width:67.5%;height:auto;gap:var(--general-gap);font:var(--chapter-font);display:flex;flex-flow:column wrap;justify-content:space-evenly;align-items:center;align-self:center}.banner{padding:var(--general-padding);width:100%;height:auto;font:var(--banner-font);display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;align-content:center}.btn{margin:1em;width:8em;height:8em;border-radius:var(--general-border-radius);box-shadow:var(--shadow-style) var(--shadow-color);font:var(--button-font);background-color:var(--third-background-color);color:var(--forth-background-color);display:flex;flex-flow:column wrap;justify-content:center;align-content:center}.icon{padding:var(--general-padding);width:6.75em;height:6.25em;display:flex;flex-flow:column-reverse nowrap;justify-content:center;align-content:center;align-items:center}.banner .icon{width:100%;height:100%}.iconTest{width:5em;fill:red}.btn:hover{outline:var(--outline-style) var(--outline-color)}.press-indicator{position:absolute;top:205em;width:2em;height:2em;border-radius:50%;border:5px solid #c85356;opacity:.8;animation:pressPulse 1.5s infinite ease-out}@keyframes pressPulse{0%{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(1.2);opacity:1}to{transform:translate(-50%) scale(1);opacity:.8}}.background{position:absolute;z-index:var(--viewport-order);left:0;background:linear-gradient(to bottom,var(--first-background-color) 0%,var(--first-background-color) 0%,var(--first-background-color) 10%,transparent 100%)}.start{width:100%;height:20em;position:fixed;top:0}.end{width:100%;height:10em;position:fixed;bottom:0;transform:scaleY(-1)}.aboutMe{width:100%;height:35%;position:fixed;top:10%;left:0%}.text2D{position:fixed;width:100%;height:auto;opacity:0;font-size:24px;color:#fff;left:2.5%;top:3.5%;display:flex;justify-content:center}.navBar{width:12.5%;height:100%;position:absolute;left:0%;transform:translate(-50%);gap:var(--general-gap);display:flex;flex-flow:column nowrap;justify-content:stretch}.navItem{padding:var(--general-padding);width:auto;gap:var(--general-gap);border-top-left-radius:0;border-bottom-left-radius:0;display:flex;flex-flow:column wrap-reverse;align-items:center;justify-content:center;align-content:space-between;flex:1 1 auto;min-height:0}.infoBar{padding:calc(var(--general-padding)*2);width:30%;height:100%;position:absolute;right:0%;transform:translate(77.5%);border-top-right-radius:0;border-bottom-right-radius:0;display:flex;justify-content:center;align-items:center;align-content:space-between}.infoBar h1{font-weight:1000}.infoBar h2{font-style:italic;font-weight:500}.infoBar h3{font-style:italic;font-weight:250}.infoBar p{font-size:12px}.navItem:hover{outline:var(--outline-style) var(--outline-color)}.scroll-indicator{padding:var(--general-padding);width:auto;height:auto;position:fixed;bottom:10%;z-index:999;left:50%;gap:.5em;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.scroll-text{font:var(--subject-font);background:var(--forth-background-color);opacity:.8}.scroll-arrow{width:55px;height:55px;position:relative;top:-2.5em;transform:rotate(45deg);border-radius:calc(var(--general-border-radius)/4);border-right:10px solid var(--forth-background-color);border-bottom:10px solid var(--forth-background-color);animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{10%{opacity:.4;transform:translateY(0) rotate(45deg)}20%{opacity:1;transform:translateY(6px) rotate(45deg)}50%{opacity:.4;transform:translateY(0) rotate(45deg)}}.hello{display:absolute;top:25em;transform:translate(15em);width:30em;height:30em;background-color:#adb6d3;border-radius:var(--general-border-radius)}.pointer-indicator{position:absolute;padding:.4rem .7rem;background:#000000bf;color:#fff;border-radius:999px;font-size:.9rem;display:flex;align-items:center;gap:.4rem;z-index:9999;pointer-events:none;animation:bounce 1s infinite}.highlight-outline{outline:3px solid #c85356;animation:flicker .6s infinite alternate}@keyframes flicker{0%{outline-color:#c85356;opacity:1}50%{outline-color:#c85356;opacity:.6}to{outline-color:#c85356;opacity:1}}.projects{height:655em;gap:var(--general-gap)}.viewport{width:100%;height:100vh;z-index:var(--viewport-order);position:fixed;top:0;left:0;gap:var(--general-gap);display:flex;justify-content:center}.viewport2{width:70%;height:100%;position:fixed;top:5%;display:flex;align-self:center;background:transparent}.controls{position:fixed;opacity:1;top:85%;height:auto;flex-flow:row wrap;justify-content:space-between}.controls>div{position:relative;top:250%;height:6.5em;width:6.5em}.navBtn{position:relative;transform:rotate(45deg)}.nextBtn{transform:translate(1000%)}.prevBtn{transform:translate(-1000%)}.downBtn{transform:translateY(275%)}.abilityDetails{display:none}.expDetails{padding:calc(var(--general-padding)*2);padding-top:calc(var(--general-padding)*3);padding-bottom:calc(var(--general-padding)*3);width:100%;height:auto;gap:calc(var(--general-gap)*2);display:flex;flex-flow:column wrap;overflow:hidden;z-index:var(--control-order)}.expDetails>div{width:auto}.expDetails>div:nth-child(2n):not(:last-child){align-self:flex-start}.expDetails>div:nth-child(odd):not(:last-child){align-self:flex-end}.expDetails>div:nth-child(odd) .geometry-down{left:15%}.expDetails>div:nth-child(odd) .geometry-up{left:35%}.expDetails>div:nth-child(2n) .geometry-down{left:35%}.expDetails>div:nth-child(2n) .geometry-up{left:15%}.expDetails>.odd{align-self:flex-end}.expDetails>.odd .geometry-down{left:15%}.expDetails>.odd .geometry-up{left:35%}.expDetails>.odd .pointCloud{left:-50%}.expDetails>.even{align-self:flex-start}.expDetails>.even .geometry-down{left:35%}.expDetails>.even .geometry-up{left:15%}.expDetails>.even .pointCloud{right:-50%;transform:scaleX(1)}.content{padding:var(--general-padding);width:100%;height:auto;z-index:var(--control-order);position:relative;box-shadow:var(--shadow-style) var(--shadow-color);border-radius:var(--general-border-radius);display:flex;flex-flow:column wrap;align-items:center;justify-content:center;text-align:flex-end}.expDescription{padding:calc(var(--general-padding)/2);width:100%;height:auto;display:none;flex-flow:column wrap;justify-content:center;align-content:center}.expDetails>div:nth-child(2n) .pointCloud{transform:scaleX(1);position:relative;right:-50%}.expDetails>div:nth-child(odd) .pointCloud{position:relative;left:-50%}.pointCloud{width:25em;height:auto;position:relative;top:1em;right:45%;gap:var(--general-gap);transform:scaleX(-1);display:flex;align-items:center;flex-grow:row wrap}.biggerCloud{width:7.5em;height:2.5em;position:relative;border-radius:var(--general-border-radius);background-color:var(--third-background-color)}.bigCloud{width:2.5em;height:2.5em;position:relative;border-radius:var(--general-border-radius);background-color:var(--third-background-color)}.smallCloud{width:1em;height:1em;position:relative;border-radius:var(--general-border-radius);background-color:var(--third-background-color)}div[class^=geometry]{width:50%;height:1.5em;position:relative;box-shadow:var(--shadow-style) var(--shadow-color);background-color:var(--third-background-color);display:flex;justify-content:center;align-content:center}.geometry-up{padding:var(--general-padding);width:auto;position:relative;left:10%;border-top-left-radius:var(--general-border-radius);border-top-right-radius:var(--general-border-radius)}.geometry-down{padding:var(--general-padding);height:auto;width:auto;border-bottom-left-radius:var(--general-border-radius);border-bottom-right-radius:var(--general-border-radius);background-color:var(--third-background-color);display:flex;justify-content:center;align-items:center}.expDetails>div>div:not(:last-child){display:flex;flex-wrap:wrap;background-color:var(--third-background-color)}.timeline{height:auto;width:auto;position:absolute;top:1%;left:50%;display:flex}.mainPipe{width:auto;height:250em;gap:var(--general-gap);display:flex;align-items:center;flex-direction:column;flex-shrink:1}.lineBreak{width:.5em;height:15em;position:relative;left:-50%;border-radius:var(--general-border-radius);background-color:var(--first-color)}.contactDetails{display:none}.contact>a{text-decoration:none}@media(max-width:1024px)and (min-width:513px)and (orientation:portrait){.main{width:100%;min-width:320px;font-size:8px}.banner{flex-wrap:wrap-reverse;justify-content:space-around}.btn{width:8.5em;height:8.5em}svg{width:100%;height:100%}.icon{width:6em;height:6em}.aboutMe{height:50%}.text2D{position:fixed;font-size:12px;left:6%;top:4%}.navBar{height:100%;width:auto}.infoBar{padding-left:var(--general-padding);width:30em;height:60%;overflow:hidden}.infoBar div{display:flex;flex-direction:column;align-content:center;text-align:justify;text-justify:inter-word;gap:var(--general-gap)}.navItem{padding:0%;width:100%;height:auto;flex-flow:row-reverse wrap;align-content:center;gap:6px;display:flex;flex-direction:column;align-items:center;transition:flex-grow .1s ease;transform:translate(50%)}.navItem a{display:none;opacity:0;transform:translate(50%);transition:opacity .25s ease,transform .3s ease}.navItem.showText a{display:block;opacity:1;transform:translateY(0)}.navItem>icon{justify-self:flex-start}.viewport2{pointer-events:none}.projects{height:625em}.expDetails>div:not(:last-child){display:flex;flex-flow:column wrap;align-content:center;width:100%;height:auto}.timeline,.pointCloud{display:none}}@media(max-width:512px)and (orientation:portrait){.main{width:100%;min-width:320px;font-size:6px}.banner{flex-wrap:wrap-reverse;justify-content:space-around}.btn{width:8.5em;height:8.5em}svg{width:100%;height:100%}.text2D{position:fixed;font-size:12px;left:6%;top:4%}.navBar{height:auto;width:auto}.infoBar{padding-left:var(--general-padding);width:30em;height:auto;overflow:hidden}.infoBar div{display:flex;flex-direction:column;align-content:center;text-align:justify;text-justify:inter-word;gap:var(--general-gap)}.navItem{padding:0%;width:100%;height:auto;flex-flow:row-reverse wrap;align-content:center;gap:0px;display:flex;flex-direction:column;align-items:center;transition:flex-grow .1s ease;transform:translate(50%)}.navItem a{display:none;opacity:0;transform:translate(50%);transition:opacity .25s ease,transform .3s ease}.navItem.showText a{display:block;opacity:1;transform:translateY(0)}.navItem>icon{justify-self:flex-start}.viewport2{pointer-events:none}.projects{height:625em}.expDetails>div:not(:last-child){display:flex;flex-flow:column wrap;align-content:center;width:100%;height:auto}.timeline,.pointCloud{display:none}}@media(max-width:1280px)and (min-width:256px)and (orientation:landscape){.aboutMe{height:auto}.navBar{height:auto;left:-2%;width:auto}.infoBar{width:30em;height:100%;white-space:normal;overflow-wrap:break-word}.navItem>icon{width:3.5em;height:3.5em;justify-self:flex-start}.navItem{padding:0%;padding-left:var(--general-padding);width:100%;height:auto;flex-flow:row-reverse wrap}.timeline{display:none}}