@import url(https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-X:hidden;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#0d1c2a;margin:0;min-height:100vh;padding:0;width:100vw}.App #four04{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.App #four04 svg{width:50vw}.menuContainer{align-items:center;background:rgba(115,56,211,.97);display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;padding-top:150px;position:fixed;top:0;transition:opacity .2s;width:100vw;z-index:75}.menuContainer a:not(a:first-of-type){padding:30px 0}.menuContainer a:not(:last-child):after{background:#fff;bottom:0;content:"";height:1px;position:absolute;right:0;width:50vw}@media only screen and (max-width:1100px){.menuContainer a:not(:last-child):after{width:80vw}}.menuContainer a:first-of-type{padding:0 0 30px}.menuContainer a{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5em;position:relative;text-align:center;text-decoration:none;transition:.3s;width:50vw}@media only screen and (max-width:1100px){.menuContainer a{font-size:1.2rem;white-space:nowrap;width:80vw}}.menuContainer a:active,.menuContainer a:focus{color:#fff;letter-spacing:3px;outline:none}.menuContainer a:hover{letter-spacing:3px}.menuButton{background:#7338d3;border-radius:10px;cursor:pointer;padding:7px 5px 4px;position:fixed;right:15px;top:15px;z-index:80}.menuButton *{transition:.2s}.menuButton #topline{-webkit-transform-origin:top;transform-origin:top}.menuButton #bottomline{-webkit-transform-origin:bottom;transform-origin:bottom}.intermediaryState #topline{-webkit-transform:translateY(8.7px);transform:translateY(8.7px)}.intermediaryState #bottomline{-webkit-transform:translateY(-8.7px);transform:translateY(-8.7px)}.intermediaryState #midline{opacity:0}.openedState #topline{-webkit-transform:translateY(9px) rotate(45deg) scale(.9);transform:translateY(9px) rotate(45deg) scale(.9)}.openedState #bottomline{-webkit-transform:translateY(-10px) rotate(-45deg) scale(.9);transform:translateY(-10px) rotate(-45deg) scale(.9)}.openedState #midline{opacity:0}.aboutContainer{align-items:center;display:flex;gap:4rem;height:664px;justify-content:space-evenly;position:relative}@media only screen and (max-width:1100px){.aboutContainer{flex-wrap:wrap;height:auto;margin-bottom:50px;margin-top:50px;padding-bottom:50px}.aboutContainer .bioText{height:-webkit-max-content;height:max-content;margin:0;padding:0 15px 0 20px}.aboutContainer .bioText:before{background:#fff;content:"";height:100%;left:10px;position:absolute;top:0;width:2px}}.aboutContainer>.bioText,.aboutContainer>div{font-family:Montserrat,sans-serif;line-height:140%;transition:.5s;width:30rem}.aboutContainer>.bioText li,.aboutContainer>.bioText p,.aboutContainer>.bioText ul,.aboutContainer>div li,.aboutContainer>div p,.aboutContainer>div ul{margin:0}.aboutContainer #aboutVerticalLine{background:#fff;height:100%;position:relative;-webkit-transform:translateY(-1%);transform:translateY(-1%);width:1px}@media only screen and (max-width:1100px){.aboutContainer #aboutVerticalLine{display:none}}.aboutContainer #aboutVerticalLine:before{background-color:#fff;border-radius:100%;content:"";height:.7cm;position:absolute;-webkit-transform:translateX(-50%) translateY(-45%);transform:translateX(-50%) translateY(-45%);width:.7cm}.aboutContainer #aboutSvgSlider{position:absolute;right:0;top:-1px}@media only screen and (max-width:1100px){.aboutContainer #aboutSvgSlider{display:none}}.aboutContainer .aboutMoreContainer{border-bottom:1px solid #fff;bottom:0;cursor:pointer;left:85%;opacity:.4;position:absolute;width:-webkit-max-content;width:max-content;z-index:100}@media only screen and (max-width:1100px){.aboutContainer .aboutMoreContainer{display:none}}.aboutContainer .aboutMoreContainer:hover{opacity:1;-webkit-transform:translateX(10%);transform:translateX(10%)}.aboutContainer .aboutMoreContainer span{font-family:Montserrat,sans-serif;padding:0 10px;width:-webkit-max-content;width:max-content}.aboutContainer .aboutMoreContainer:after{background:linear-gradient(135deg,transparent 0 50%,#fff 51%);bottom:0;content:"";height:15px;position:absolute;right:0;-webkit-transform:translateY(50%) rotate(45deg);transform:translateY(50%) rotate(45deg);width:15px}.buildingContainer{position:relative}.buildingContainer h1{font-family:Alfa Slab One,cursive;font-size:4rem;font-weight:100;letter-spacing:3px;margin-left:50%;position:absolute;top:5.7em;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#buildingSection{height:-webkit-max-content;height:max-content;-webkit-transform:translateY(-1%);transform:translateY(-1%);width:100%}@media only screen and (max-width:1100px){#buildingSection{display:none}}#buildingSection #building-vertical-line{-webkit-transform:translateX(.3%);transform:translateX(.3%)}#buildingSection #responsive,#buildingSection #scalable,#buildingSection #serverless,#buildingSection #traditional{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center;transition:.5s}#buildingSection #responsive:hover,#buildingSection #scalable:hover,#buildingSection #serverless:hover,#buildingSection #traditional:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.contactContainer{align-items:center;display:flex;flex-direction:column;gap:4rem;justify-content:center;margin-top:12rem;padding-bottom:4rem}.contactContainer #subtitle{color:#7338d3;font-family:Montserrat,sans-serif;font-size:2.5rem}.contactContainer form{align-items:baseline;display:flex;flex-direction:column;gap:2rem;justify-content:center;position:relative;transition:opacity .5s}.contactContainer form>:not(#birdie){background:none;border:2px solid #fff;border-radius:10px;color:#fff;font-family:Montserrat,sans-serif;font-weight:700;min-height:20px;padding:5px}.contactContainer form input,.contactContainer form textarea:active,.contactContainer form textarea:focus{outline:none}.contactContainer form textarea{height:20vh;resize:none;width:50vw;z-index:5}@media only screen and (max-width:1100px){.contactContainer form textarea{width:80vw}}.contactContainer form button{cursor:pointer;padding:5px 25px;transition:.3s}.contactContainer form #birdie{position:absolute;right:20px;top:0;-webkit-transform:translateY(25px);transform:translateY(25px);z-index:3}@media only screen and (max-width:1100px){.contactContainer form #birdie{display:none}}.landingContainer{align-items:center;display:flex;justify-content:baseline;min-height:100vh}@media only screen and (max-width:1100px){.landingContainer{flex-direction:column;gap:0;min-height:-webkit-max-content;min-height:max-content}}.landingContainer #landingArrow{bottom:0;cursor:pointer;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.landingContainer #landingArrow:hover{-webkit-transform:translateX(-50%) translateY(20%);transform:translateX(-50%) translateY(20%)}.landingContainer #randomCircle{background:#fff;border-radius:100%;bottom:0;height:1cm;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1cm}.landingLeftContainer{align-items:baseline;display:flex;flex-direction:column;height:70vh;justify-content:space-between;margin-left:3em;margin-top:4em;padding-top:7rem;width:55vw}@media only screen and (max-width:1100px){.landingLeftContainer{height:200px;margin-top:0;padding-top:0}}.landingLeftContainer h1{font-family:Alfa Slab One,cursive;font-size:2.6rem;font-weight:100;letter-spacing:1px}.landingLeftContainer .landingDemoText{align-items:center;color:#7338d3;display:flex;flex-wrap:wrap;font-family:Montserrat,sans-serif;gap:4rem;justify-content:center}@media only screen and (max-width:1100px){.landingLeftContainer .landingDemoText{display:none}}.landingLeftContainer .landingDemoText p{width:15rem}.landingRightContainer{align-items:center;background:#7338d3;display:flex;height:100%;justify-content:flex-start;position:absolute;right:0;top:0;width:500px}@media only screen and (max-width:1100px){.landingRightContainer{background:transparent;height:-webkit-max-content;height:max-content;padding:0;position:relative;width:100vw}}.landingSvgContainer{-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width:1100px){.landingSvgContainer{align-items:center;display:flex;justify-content:center;position:relative;-webkit-transform:translateX(0);transform:translateX(0);width:100%}.landingSvgContainer svg{position:relative;-webkit-transform:scale(1.5);transform:scale(1.5)}}.landingSvgContainer>*{max-height:80vw;max-width:50vw}.landingSvgContainer #pic_container{background-image:url(/static/media/me.80bf76c0219803581e19.png);background-position:50%;background-size:contain}.bikeContainer{bottom:0;overflow:hidden;position:absolute;right:0;width:inherit}@media only screen and (max-width:1100px){.bikeContainer{display:none}}.bikeContainer #bike{-webkit-animation:bike_move_anim 10s linear infinite;animation:bike_move_anim 10s linear infinite}@-webkit-keyframes bike_move_anim{0%{-webkit-transform:translateX(1400%);transform:translateX(1400%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes bike_move_anim{0%{-webkit-transform:translateX(1400%);transform:translateX(1400%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.miniMenuContainer{align-items:center;display:flex;flex-direction:column;gap:4rem;justify-content:center}.miniMenuContainer #subtitle{color:#7338d3;font-family:Montserrat,sans-serif;font-size:2.5rem}.miniMenuContainer .buttonsContainer{align-items:center;display:flex;justify-content:space-evenly;width:100%}@media only screen and (max-width:1100px){.miniMenuContainer .buttonsContainer{gap:20px}}.miniMenuContainer .buttonsContainer button{background:none;border:none;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:3.5rem;font-weight:100;letter-spacing:2px;opacity:.3;padding:5rem 0;position:relative;transition:.3s;width:30vw}.miniMenuContainer .buttonsContainer button:hover{letter-spacing:4px;opacity:1}.miniMenuContainer .buttonsContainer button .bottom-1,.miniMenuContainer .buttonsContainer button .top-1{width:12rem}.miniMenuContainer .buttonsContainer button .top-1{background:#fff;height:1px;opacity:0;position:absolute;right:0;top:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:left;transform-origin:left;transition:.5s}.miniMenuContainer .buttonsContainer button .top-1-active{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.miniMenuContainer .buttonsContainer button .top-2{background:#fff;height:25%;opacity:0;position:absolute;right:0;top:0;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:top;transform-origin:top;transition:.3s;width:1px}.miniMenuContainer .buttonsContainer button .top-2-active{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.miniMenuContainer .buttonsContainer button .bottom-1{background:#fff;bottom:0;height:1px;left:0;opacity:0;position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:right;transform-origin:right;transition:.5s}.miniMenuContainer .buttonsContainer button .bottom-1-active{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.miniMenuContainer .buttonsContainer button .bottom-2{background:#fff;bottom:0;height:25%;left:0;opacity:0;position:absolute;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:.3s;width:1px}.miniMenuContainer .buttonsContainer button .bottom-2-active{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}@media only screen and (max-width:1100px){.miniMenuContainer .buttonsContainer{flex-wrap:wrap}.miniMenuContainer .buttonsContainer svg{display:none}.miniMenuContainer .buttonsContainer button{background:#7338d3;border-radius:15px;font-size:2rem;opacity:1;padding:30px 10px;width:200px}}.workingAsContainer{align-items:center;background:#0d1c2a;display:flex;justify-content:center;margin-bottom:20vh;padding-bottom:10vw;padding-top:15vw;position:relative}.workingAsContainer:after{background:linear-gradient(180deg,transparent,#fff,transparent);content:"";height:70%;left:10vw;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px}.workingAsContainer .workingAsElementsContainer{height:150vh;width:100%}.workingAsContainer .workingAsElementsContainer #movingBox{align-items:center;display:flex;justify-content:center;margin-left:50%;padding-top:100px;position:-webkit-sticky;position:sticky;top:20vh;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60vw}.workingAsContainer .workingAsElementsContainer #movingBox .text{align-items:center;display:flex;font-size:1.1rem;font-weight:700;gap:20px;justify-content:center;left:0;position:absolute;top:0}@media only screen and (max-width:1100px){.workingAsContainer .workingAsElementsContainer #movingBox .text{flex-wrap:wrap}}.workingAsContainer .workingAsElementsContainer #movingBox .text>span{color:#7338d3;font-family:Montserrat,sans-serif;width:-webkit-max-content;width:max-content}.workingAsContainer .workingAsElementsContainer #movingBox .text #rotatingTextContainer{border-bottom:2px solid #fff;padding:5px 30px 2px}.workingAsContainer .workingAsElementsContainer #movingBox .text #rotatingTextContainer #rotatingText{font-family:Alfa Slab One,cursive;font-weight:lighter;text-align:center;-webkit-transform-origin:top;transform-origin:top;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:180px}.workingAsContainer .workingAsElementsContainer #movingBox #manAndWoman svg{max-width:100%}.workingAsContainer .workingAsElementsContainer #movingBox #manAndWoman #plant,.workingAsContainer .workingAsElementsContainer #movingBox #manAndWoman #woman{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:.5s}.workingAsContainer .workingAsElementsContainer #movingBox #manAndWoman #man{-webkit-transform:translateX(0);transform:translateX(0);transition:.7s}.workingAsContainer .workingAsElementsContainer #movingBox .onlyMan #woman{opacity:0!important;-webkit-transform:translateX(5vw)!important;transform:translateX(5vw)!important}.workingAsContainer .workingAsElementsContainer #movingBox .onlyMan #man,.workingAsContainer .workingAsElementsContainer #movingBox .onlyMan #plant{-webkit-transform:translateX(20%)!important;transform:translateX(20%)!important}@-webkit-keyframes textSwitch{0%,to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}45%,55%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@keyframes textSwitch{0%,to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}45%,55%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}.topSkillsContainer{align-items:center;color:#7338d3;display:flex;flex-direction:column;gap:2rem;height:94vh;justify-content:center;width:100%}@media only screen and (max-width:1100px){.topSkillsContainer{gap:0;justify-content:flex-start;padding-top:10vh}}.topSkillsContainer>h3{font-family:Montserrat,sans-serif;font-weight:400;text-align:center}@media only screen and (max-width:1100px){.topSkillsContainer>h3{letter-spacing:normal!important}}.topSkillsContainer #jsContainer{height:300px;position:relative;position:-webkit-sticky;position:sticky;text-align:center;top:35vh;width:-webkit-max-content;width:max-content;width:220px}.topSkillsContainer #jsContainer #backendBox,.topSkillsContainer #jsContainer #frontendBox{border-radius:7.5px;height:inherit;padding:0 10px;position:absolute;width:inherit}.topSkillsContainer #jsContainer #backendBox,.topSkillsContainer #jsContainer #backendBox>*,.topSkillsContainer #jsContainer #frontendBox,.topSkillsContainer #jsContainer #frontendBox>*{transition:.8s;transition-timing-function:ease-in-out}.topSkillsContainer #jsContainer #backendBox h2,.topSkillsContainer #jsContainer #frontendBox h2{font-family:Montserrat,sans-serif;font-weight:400;opacity:1}.topSkillsContainer #jsContainer #backendBox span,.topSkillsContainer #jsContainer #frontendBox span{font-family:Montserrat,sans-serif;font-weight:600}.topSkillsContainer #jsContainer #backendBox .jsContainerTech,.topSkillsContainer #jsContainer #frontendBox .jsContainerTech{align-items:center;display:flex;flex-direction:column;height:40px;justify-content:center;padding:30px 0}.topSkillsContainer #jsContainer #backendBox .jsContainerTech h3,.topSkillsContainer #jsContainer #frontendBox .jsContainerTech h3{font-family:Montserrat,sans-serif;font-weight:400;margin:0}.topSkillsContainer #jsContainer #backendBox .jsContainerImg,.topSkillsContainer #jsContainer #frontendBox .jsContainerImg{align-items:center;display:flex;height:70px;justify-content:space-evenly}.topSkillsContainer #jsContainer #backendBox .jsContainerImg #react-logo,.topSkillsContainer #jsContainer #frontendBox .jsContainerImg #react-logo{width:70px}.topSkillsContainer #jsContainer #backendBox .jsContainerImg #firebase-logo,.topSkillsContainer #jsContainer #frontendBox .jsContainerImg #firebase-logo{width:120px}.topSkillsContainer #jsContainer #backendBox .jsContainerImg #nodejs-logo,.topSkillsContainer #jsContainer #frontendBox .jsContainerImg #nodejs-logo{width:70px}.topSkillsContainer #jsContainer #frontendBox{background:#7338d3;color:#fff;z-index:5}.topSkillsContainer #jsContainer #backendBox{background:#fff;color:#7338d3;-webkit-transform:translateX(.8%) translateY(1%);transform:translateX(.8%) translateY(1%);z-index:4}.hiddenCard{background:transparent!important}.hiddenCard>*{opacity:0}.feCardTransition{-webkit-transform:translateX(-150%);transform:translateX(-150%)}@media only screen and (max-width:1100px){.feCardTransition{-webkit-transform:translateX(0);transform:translateX(0)}}.beCardTransition{-webkit-transform:translateX(150%)!important;transform:translateX(150%)!important}@media only screen and (max-width:1100px){.beCardTransition{-webkit-transform:translateX(0) translateY(120%)!important;transform:translateX(0) translateY(120%)!important}}#proudAnimContainer{bottom:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.individualSkillsContainer{align-items:baseline;display:flex;flex-direction:column;gap:5rem;justify-content:center;margin-top:3rem;padding:10rem 5rem}@media only screen and (max-width:1100px){.individualSkillsContainer{margin-top:50vh;padding:10rem 1rem}}.individualSkillsContainer .individualSkill h2{font-family:Montserrat,sans-serif;font-weight:400;margin-bottom:25px;padding:0 0 5px 10px;position:relative}.individualSkillsContainer .individualSkill h2:after{background:#fff;bottom:0;content:"";height:1px;left:0;position:absolute;width:60vw}.individualSkillsContainer .individualSkill .listOfSkills{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;width:50vw}@media only screen and (max-width:1100px){.individualSkillsContainer .individualSkill .listOfSkills{width:100%}}.individualSkillsContainer .individualSkill .skill{align-items:center;background:transparent;border:1px solid #7338d3;border-radius:20px;display:inline-flex;font-family:Montserrat,sans-serif;height:30px;justify-content:center;margin-bottom:10px;margin-right:10px;padding:5px 10px;white-space:nowrap}.aboutPage{padding-top:100px;z-index:3}.aboutPage #movingBox{align-items:center;display:flex;height:70vh;justify-content:space-around;position:fixed;width:100%;z-index:2}.aboutPage #movingBox>div{align-items:center;display:flex;justify-content:space-evenly;position:absolute;width:100%}.aboutPage #movingBox #hiThereContainer{opacity:0;pointer-events:none;transition:.5s}@media only screen and (max-width:1100px){.aboutPage #movingBox #hiThereContainer{flex-direction:column}}.aboutPage #movingBox #hiThereContainer.visible{opacity:1;pointer-events:auto}.aboutPage #movingBox #hiThereContainer img{height:300px;margin:100px 0;transition:.8s}.aboutPage #movingBox #hiThereContainer #hiThere{align-items:flex-end;align-self:baseline;display:flex;gap:110px;justify-self:flex-end;transition:opacity .8s}@media only screen and (max-width:1100px){.aboutPage #movingBox #hiThereContainer #hiThere{justify-content:center;width:100%}}.aboutPage #movingBox #hiThereContainer #hiThere #lilHand{-webkit-animation:lilHandAnim 1s linear infinite;animation:lilHandAnim 1s linear infinite;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);-webkit-transform-origin:bottom;transform-origin:bottom;width:50px}.aboutPage #movingBox #imMihaiContainer{align-self:baseline;flex-direction:column;height:100%;justify-content:space-between;opacity:0;pointer-events:none;transition:.5s;z-index:3}.aboutPage #movingBox #imMihaiContainer.visible{opacity:1;pointer-events:auto}.aboutPage #movingBox #imMihaiContainer #title{align-items:center;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;justify-content:center}.aboutPage #movingBox #imMihaiContainer #slidesContainer{height:200px;position:relative;width:100%;z-index:3}.aboutPage #movingBox #imMihaiContainer #slidesContainer .slide{align-items:center;background:linear-gradient(270deg,#7338d3,rgba(13,28,42,0));display:flex;height:100%;justify-content:space-around;opacity:0;pointer-events:none;position:relative;position:absolute;transition:.5s;width:100%}.aboutPage #movingBox #imMihaiContainer #slidesContainer .slide.visible{opacity:1;pointer-events:auto}@media only screen and (max-width:1100px){.aboutPage #movingBox #imMihaiContainer #slidesContainer .slide svg{left:auto!important;right:auto!important;-webkit-transform:scale(.6) translateY(-80%);transform:scale(.6) translateY(-80%)}}.aboutPage #movingBox #imMihaiContainer #slidesContainer .slide svg{height:340px;position:absolute;right:30px;width:-webkit-max-content;width:max-content}.aboutPage #movingBox #imMihaiContainer #slidesContainer .slide h2{font-family:Montserrat,sans-serif;font-weight:100;-webkit-transform:translateX(-15vw);transform:translateX(-15vw)}@media only screen and (max-width:1100px){.aboutPage #movingBox #imMihaiContainer #slidesContainer .slide h2{-webkit-transform:translateX(0);transform:translateX(0)}}.aboutPage #movingBox #imMihaiContainer #slidesContainer .slide.left{background:linear-gradient(90deg,#7338d3,rgba(13,28,42,0))!important}.aboutPage #movingBox #imMihaiContainer #slidesContainer .slide.left svg{left:30px}.aboutPage #movingBox #imMihaiContainer #slidesContainer .slide.left h2{-webkit-transform:translateX(15vw);transform:translateX(15vw)}.aboutPage #movingBox #overallContainer{align-items:center;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;gap:7vh;justify-content:center;opacity:0;pointer-events:none;transition:.5s}.aboutPage #movingBox #overallContainer.visible{opacity:1;pointer-events:auto}.aboutPage #movingBox #overallContainer h2{font-weight:400}.aboutPage #movingBox #overallContainer p{font-size:1rem;font-weight:100;max-width:65vw;text-align:center}.aboutPage #movingBox #overallContainer svg{width:40vw}@media only screen and (max-width:1100px){.aboutPage #movingBox #overallContainer svg{width:75vw}}.aboutPage #movingBox #overallContainer svg #Vector_4,.aboutPage #movingBox #overallContainer svg #Vector_5,.aboutPage #movingBox #overallContainer svg #hooman-hammock{-webkit-animation:hammock 5s linear infinite;animation:hammock 5s linear infinite;-webkit-transform:rotateX(15deg) skewX(1deg);transform:rotateX(15deg) skewX(1deg)}@-webkit-keyframes hammock{0%,to{-webkit-transform:rotateX(15deg) skewX(1deg);transform:rotateX(15deg) skewX(1deg)}50%{-webkit-transform:rotateX(-15deg) skewX(1deg);transform:rotateX(-15deg) skewX(1deg)}}@keyframes hammock{0%,to{-webkit-transform:rotateX(15deg) skewX(1deg);transform:rotateX(15deg) skewX(1deg)}50%{-webkit-transform:rotateX(-15deg) skewX(1deg);transform:rotateX(-15deg) skewX(1deg)}}.hiThereOff #hiThere{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.hiThereOff img{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}@-webkit-keyframes lilHandAnim{0%,to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes lilHandAnim{0%,to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}#iconOverlayContainer{height:100vh;position:fixed;top:0;width:100vw;z-index:0}#iconOverlayContainer div{position:absolute}#iconOverlayContainer svg{width:30px}#iconOverlayContainer #icon-1{left:19vw;top:10vh}#iconOverlayContainer #icon-2{left:2vw;top:20vh}#iconOverlayContainer #icon-3{left:15vw;top:30vh}#iconOverlayContainer #icon-4{left:5vw;top:40vh}#iconOverlayContainer #icon-5{left:17vw;top:50vh}#iconOverlayContainer #icon-6{left:27vw;top:60vh}#iconOverlayContainer #icon-7{left:13vw;top:70vh}#iconOverlayContainer #icon-8{left:6vw;top:80vh}#iconOverlayContainer #icon-9{right:19vw;top:15vh}#iconOverlayContainer #icon-10{right:10vw;top:30vh}#iconOverlayContainer #icon-11{right:27vw;top:45vh}#iconOverlayContainer #icon-12{right:17vw;top:60vh}#iconOverlayContainer #icon-0{right:10vw;top:80vh}#socialMediaContainer{align-items:center;display:flex;justify-content:center}#socialMediaContainer button{background:transparent;border:none;cursor:pointer;height:60px;transition:.3s;width:60px}#socialMediaContainer button svg{width:100%}#socialMediaContainer button:active,#socialMediaContainer button:focus{outline:none}#socialMediaContainer button:hover{opacity:.5;-webkit-transform:scale(.9);transform:scale(.9)}#moonContainer{position:relative;top:1cm}#moonContainer #moon{height:-webkit-max-content;height:max-content;left:0;position:-webkit-sticky;position:sticky;top:10vh;width:99%}@media only screen and (max-width:1100px){#moonContainer #moon{width:100vw}}#moonContainer #moon>svg{-webkit-transform:scale(1.02);transform:scale(1.02);width:100%}@media only screen and (max-width:1100px){#moonContainer #moon>svg:first-of-type{overflow-x:hidden;position:absolute;-webkit-transform:scale(0);transform:scale(0)}}#moonContainer #moon .moonCircle{align-items:center;background:#fff;border:5px solid #7338d3;border-radius:100%;cursor:pointer;display:flex;height:125px;justify-content:center;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%) translateY(-25%);transform:translateX(-50%) translateY(-25%);transition:.3s;width:125px;z-index:100}@media only screen and (max-width:1100px){#moonContainer #moon .moonCircle{height:60px;width:60px}}#moonContainer #moon .moonCircle svg{transition:.3s;width:40%}#moonContainer #moon .moonCircle:hover svg{-webkit-transform:scale(1.3);transform:scale(1.3)}#moonContainer #moon.state1 #state1Text{opacity:1}#moonContainer #moon.state1 .moonCircle:first-of-type{-webkit-transform:translateX(-280%) translateY(-40px) scale(.6);transform:translateX(-280%) translateY(-40px) scale(.6)}@media only screen and (max-width:1100px){#moonContainer #moon.state1 .moonCircle:first-of-type{opacity:.1}}#moonContainer #moon.state1 .moonCircle:nth-of-type(2){-webkit-transform:translateX(-180%) translateY(-60px) scale(.6);transform:translateX(-180%) translateY(-60px) scale(.6)}@media only screen and (max-width:1100px){#moonContainer #moon.state1 .moonCircle:nth-of-type(2){opacity:.1}}#moonContainer #moon.state1 .moonCircle:nth-of-type(3){pointer-events:none;-webkit-transform:translateX(-50%) translateY(-70px) scale(1);transform:translateX(-50%) translateY(-70px) scale(1)}#moonContainer #moon.state2 #state2Text{opacity:1}#moonContainer #moon.state2 .moonCircle:first-of-type{-webkit-transform:translateX(-180%) translateY(-60px) scale(.6);transform:translateX(-180%) translateY(-60px) scale(.6)}@media only screen and (max-width:1100px){#moonContainer #moon.state2 .moonCircle:first-of-type{opacity:.1}}#moonContainer #moon.state2 .moonCircle:nth-of-type(2){pointer-events:none;-webkit-transform:translateX(-50%) translateY(-70px) scale(1);transform:translateX(-50%) translateY(-70px) scale(1)}#moonContainer #moon.state2 .moonCircle:nth-of-type(3){-webkit-transform:translateX(80%) translateY(-60px) scale(.6);transform:translateX(80%) translateY(-60px) scale(.6)}@media only screen and (max-width:1100px){#moonContainer #moon.state2 .moonCircle:nth-of-type(3){opacity:.1}}#moonContainer #moon.state3 #state3Text{opacity:1}#moonContainer #moon.state3 .moonCircle:first-of-type{pointer-events:none;-webkit-transform:translateX(-50%) translateY(-70px) scale(1);transform:translateX(-50%) translateY(-70px) scale(1)}#moonContainer #moon.state3 .moonCircle:nth-of-type(2){-webkit-transform:translateX(80%) translateY(-60px) scale(.6);transform:translateX(80%) translateY(-60px) scale(.6)}@media only screen and (max-width:1100px){#moonContainer #moon.state3 .moonCircle:nth-of-type(2){opacity:.1}}#moonContainer #moon.state3 .moonCircle:nth-of-type(3){-webkit-transform:translateX(180%) translateY(-40px) scale(.6);transform:translateX(180%) translateY(-40px) scale(.6)}@media only screen and (max-width:1100px){#moonContainer #moon.state3 .moonCircle:nth-of-type(3){opacity:.1}}#moonContainer #moon #moonTextContainer{align-items:center;display:flex;height:10vh;justify-content:space-evenly;width:100%;z-index:10}@media only screen and (max-width:1100px){#moonContainer #moon #moonTextContainer{padding-top:160px;top:0}}#moonContainer #moon #moonTextContainer>div{align-items:center;display:flex;flex-direction:column;gap:100px;justify-content:space-evenly;margin-top:70px;opacity:0;position:absolute;transition:.3s;width:100%;z-index:100}@media only screen and (max-width:1100px){#moonContainer #moon #moonTextContainer>div{gap:30px}}#moonContainer #moon #moonTextContainer>div>div{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}@media only screen and (max-width:1100px){#moonContainer #moon #moonTextContainer>div>div{gap:30px;justify-content:flex-start;max-width:80vw}}#moonContainer #moon #moonTextContainer>div>div>div{align-items:center;flex-direction:column;justify-content:space-evenly;padding-left:20px;position:relative}#moonContainer #moon #moonTextContainer>div>div>div:before{background:#fff;content:"";height:100%;left:10px;position:absolute;top:0;width:2px}#moonContainer #moon #moonTextContainer>div>div>div h4{text-decoration:underline}#moonContainer #moon #moonTextContainer>div>div>div h4,#moonContainer #moon #moonTextContainer>div>div>div p{font-family:Montserrat,sans-serif;margin:5px 0}#miniCv{gap:10vh;margin-top:20vh}#miniCv,#miniCv #picContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}#miniCv #picContainer img{width:250px}#miniCv #picContainer div{-webkit-transform:translateY(-50%);transform:translateY(-50%)}#miniCv #textContainer{align-items:center;display:flex;flex-direction:column;gap:5vh;justify-content:center}@media only screen and (max-width:1100px){#miniCv #textContainer{margin-bottom:20vh}}#miniCv #textContainer p{padding:10px 0 10px 10px;width:40vw}#miniCv #textContainer p:before{background:#fff;content:"";height:100%;left:0;position:absolute;top:0;width:2px}#miniCv #textContainer p b{color:#7338d3}#miniCv #textContainer p:nth-of-type(2n){-webkit-transform:translate(10vw);transform:translate(10vw)}#miniCv #textContainer p:nth-of-type(odd){-webkit-transform:translate(-10vw);transform:translate(-10vw)}@media only screen and (max-width:1100px){#miniCv #textContainer p{-webkit-transform:translate(0)!important;transform:translate(0)!important;width:60vw}}.projectsPage #projectsLanding{align-items:center;display:flex;justify-content:space-around;opacity:0;position:fixed;top:10vh;transition:.3s;width:100%;z-index:-1}@media only screen and (max-width:1100px){.projectsPage #projectsLanding{flex-wrap:wrap}.projectsPage #projectsLanding>*{min-width:300px}}.projectsPage #projectsLanding.visible{opacity:1;z-index:1}.projectsPage #projectsLanding.visible svg,.projectsPage #projectsLanding.visible>div{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);z-index:1}.projectsPage #projectsLanding svg{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px);transition:.3s;width:30vw;z-index:-1}@media only screen and (max-width:1100px){.projectsPage #projectsLanding svg{order:2}}.projectsPage #projectsLanding>div{align-items:center;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;justify-content:center;max-width:35vw;opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px);transition:.3s;z-index:-1}@media only screen and (max-width:1100px){.projectsPage #projectsLanding>div{order:1}}.projectsPage #projectsContainer{align-items:center;display:flex;flex-direction:column;gap:20vh;justify-content:center;opacity:0;padding-bottom:20vh;padding-top:70vh;transition:.6s;z-index:-1}.projectsPage #projectsContainer.visible{opacity:1;z-index:1}.projectsPage #projectsContainer .project{align-items:center;background:linear-gradient(180deg,#7338d3,transparent);border-radius:10px;display:flex;flex-direction:column;gap:30px;height:-webkit-max-content;height:max-content;justify-content:center;padding:20px;width:50vw}@media only screen and (max-width:1100px){.projectsPage #projectsContainer .project{padding:0;width:100%}}.projectsPage #projectsContainer .project a,.projectsPage #projectsContainer .project h3,.projectsPage #projectsContainer .project p{font-family:Montserrat,sans-serif}.projectsPage #projectsContainer .project>.projectImages,.projectsPage #projectsContainer .project>.projectTitle{align-items:center;display:flex;flex-direction:column;justify-content:center}.projectsPage #projectsContainer .project>.projectImages>*,.projectsPage #projectsContainer .project>.projectTitle>*{margin:0}.projectsPage #projectsContainer .project>.projectTitle a{color:#fff;text-decoration:none;transition:.3s}.projectsPage #projectsContainer .project>.projectTitle a:hover{color:#0d1c2a;letter-spacing:1px}.projectsPage #projectsContainer .project>.projectImages{gap:10px}.projectsPage #projectsContainer .project>.projectImages>img{border-radius:5px;max-width:80%}.projectsPage #projectsContainer .project>.projectImages div{align-items:center;display:flex;gap:10px;justify-content:center}@media only screen and (max-width:1100px){.projectsPage #projectsContainer .project>.projectImages div{display:none}}.projectsPage #projectsContainer .project>.projectImages div img{border-radius:5px;height:100px}.projectsPage #projectsContainer .project>.projectRoles{align-items:baseline;display:flex;justify-content:space-around;text-align:center;width:100%}.projectsPage #projectsContainer .project>.projectRoles h3{margin-bottom:10px}.projectsPage #projectsContainer .project>.projectRoles *{margin:0}.projectsPage #projectsContainer .project>p{padding:0 20px}.papersPage{width:100%}.papersPage #papersLanding{align-items:center;display:flex;justify-content:space-evenly;max-width:100%;opacity:0;position:fixed;top:5vh;transition:.3s;width:100%;z-index:-1}@media only screen and (max-width:1100px){.papersPage #papersLanding{flex-wrap:wrap}.papersPage #papersLanding>*{min-width:250px}}.papersPage #papersLanding.visible{opacity:1;z-index:1}.papersPage #papersLanding.visible svg,.papersPage #papersLanding.visible>div{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);z-index:1}.papersPage #papersLanding svg{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px);transition:.3s;width:30vw;z-index:-1}@media only screen and (max-width:1100px){.papersPage #papersLanding svg{order:2}}.papersPage #papersLanding>div{align-items:center;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;justify-content:center;max-width:35vw;opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px);transition:.3s;z-index:-1}@media only screen and (max-width:1100px){.papersPage #papersLanding>div{order:1}}.papersPage #papersContainer{gap:50px;margin-left:50%;max-width:100%;padding-bottom:20vh;padding-top:60vh;-webkit-transform:translate(-50%);transform:translate(-50%)}.papersPage #papersContainer,.papersPage #papersContainer .paper{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:-webkit-max-content;width:max-content}.papersPage #papersContainer .paper{position:relative}@media only screen and (max-width:1100px){.papersPage #papersContainer .paper{width:100%!important}.papersPage #papersContainer .paper a{color:gray!important}}.papersPage #papersContainer .paper span:first-of-type{font-style:italic;font-weight:700}.papersPage #papersContainer .paper a{color:#fff;max-width:100%;text-decoration:none}.papersPage #papersContainer .paper a:hover{color:#7338d3}.papersPage #papersContainer .paper:before{background:#fff;content:"";height:120%;position:absolute;-webkit-transform:translateX(-10px);transform:translateX(-10px);width:1px}
/*# sourceMappingURL=main.08712b7c.css.map*/