@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";body{font-family:Poppins}.landing-page{width:100vw;height:100vh;overflow-x:hidden;scroll-behavior:smooth;font-family:Poppins;margin:0;padding:0;position:relative;z-index:99999}a{text-decoration:none;color:#fff}button{background-color:#303030;color:#fff;border:none;cursor:pointer}button:hover{color:#fff;transition:background-color .5s}.wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;filter:blur(150px)}.gradient{position:absolute;border-radius:100%;opacity:.33;mix-blend-mode:screen;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.1,0,.9,1)}.gradient-1{background:#000 none repeat scroll 0% 0% / auto padding-box border-box;width:700px;height:700px;animation-duration:11s;opacity:.33;left:60%;top:40%;z-index:-2;animation-name:animation-gradient-1}.gradient-2{background:#3d3d3d none repeat scroll 0% 0% / auto padding-box border-box;width:600px;height:600px;animation-duration:11s;opacity:.33;left:40%;top:60%;z-index:-1;animation-name:animation-gradient-2}.gradient-3{background:#af42f3 none repeat scroll 0% 0% / auto padding-box border-box;width:500px;height:500px;animation-duration:11s;opacity:.33;left:50%;top:50%;z-index:-3;animation-name:animation-gradient-3}@keyframes animation-gradient-1{0%{transform:translateY(-50%) translate(-50%) rotate(-20deg) translate(20%)}25%{transform:translateY(-50%) translate(-50%) skew(-15deg,-15deg) rotate(80deg) translate(30%)}50%{transform:translateY(-50%) translate(-50%) rotate(180deg) translate(25%)}75%{transform:translateY(-50%) translate(-50%) skew(15deg,15deg) rotate(240deg) translate(15%)}to{transform:translateY(-50%) translate(-50%) rotate(340deg) translate(20%)}}@keyframes animation-gradient-2{0%{transform:translateY(-50%) translate(-50%) rotate(40deg) translate(-20%)}25%{transform:translateY(-50%) translate(-50%) skew(15deg,15deg) rotate(110deg) translate(-5%)}50%{transform:translateY(-50%) translate(-50%) rotate(210deg) translate(-35%)}75%{transform:translateY(-50%) translate(-50%) skew(-15deg,-15deg) rotate(300deg) translate(-10%)}to{transform:translateY(-50%) translate(-50%) rotate(400deg) translate(-20%)}}@keyframes animation-gradient-3{0%{transform:translateY(-50%) translate(-50%) translate(-15%) translateY(10%)}20%{transform:translateY(-50%) translate(-50%) translate(20%) translateY(-30%)}40%{transform:translateY(-50%) translate(-50%) translate(-25%) translateY(-15%)}60%{transform:translateY(-50%) translate(-50%) translate(30%) translateY(20%)}80%{transform:translateY(-50%) translate(-50%) translate(5%) translateY(35%)}to{transform:translateY(-50%) translate(-50%) translate(-15%) translateY(10%)}}#wansearch-button:hover{background-color:#fc4c0a}#physics-button:hover{background-color:#504f4f}#bankinfo-button:hover{background-color:#924dbf}#csa-button:hover{background-color:#51b8d0}#insight-button:hover{background-color:#2177ff}#bhrep-button:hover{background-color:#00a07c}#gpfs-button:hover{background-color:#2177ff}.nav-bar-outer{display:flex;align-items:center;position:fixed;z-index:999;height:100%;top:0;left:0}.nav-bar{display:flex;flex-direction:column;margin-left:4vw;align-items:center;width:max-content;height:80vh;background-color:#252525;border-radius:1vw;padding:1.5% 0;box-sizing:border-box;font-size:115%;justify-content:space-around}.active-nav-item{background-color:#1b1b1b}.vertical-line-top-home{position:absolute;z-index:997;height:60vh;width:10ch;border-right:.1vw dotted white;border-bottom:.1vw dotted white;top:-57vh;right:4vw}.home-name-outer{font-weight:200}#home{margin:1vw 0 0 15vw;display:flex;justify-content:center;flex-direction:column;color:#fff;height:100vh}.home-name{font-size:7em;margin-top:0}#home-hi,#home-im{font-size:2em}#home-description{font-size:3em}.nav-item{padding:16%;width:max-content;color:#fff;transform:rotate(-90deg) translate(-50%);border-radius:.5em}.landing-page-intro{display:flex;width:90vw;height:max-content;align-items:center;justify-content:space-between}.name-and-pic{display:flex;flex-direction:column;align-items:center;justify-content:center}.name-container{width:max-content;height:max-content;display:flex;flex-direction:column;align-items:start;justify-content:start}.profile-pic-container{display:flex;justify-content:end;width:50%;height:100%}.name{color:#fff}.name h1{font-size:5vw}#fname{font-weight:700}#lname{font-weight:200}.profile-pic-card-outer{display:flex;justify-content:center;align-items:start;width:max-content;height:max-content;background-color:#252525;border-radius:1vw;padding:2% 2% 4%;border:.04vw solid rgba(255,255,255,.308)}.profile-pic-card-img{max-width:100%;border-radius:1vw}.design-develop-tag{display:grid;grid-auto-flow:column;grid-column-gap:10%;color:#fff;font-size:200%;width:max-content}#design-tag-landing{position:relative;display:flex;z-index:998;align-items:center;justify-content:center;background-color:#1b1b1b;border:.04vw solid rgba(255,255,255,.308)}.landing-page-bottom{display:flex;width:90vw;height:25vh}.take-a-tour{width:15%;height:100%}.arrow-and-text{display:flex;height:100%;width:100%}.arrow{cursor:pointer}.arrow span{display:block;width:1.5vw;height:1.5vw;border-bottom:5px solid white;border-right:5px solid white;transform:rotate(45deg);animation:animate 2s infinite}.arrow span:nth-child(2){animation-delay:-.2s}.arrow span:nth-child(3){animation-delay:-.4s}#take-a-tour-text{writing-mode:vertical-rl;text-orientation:mixed}.frontend-backend-tag{display:flex;justify-content:end;width:85%;height:42%;margin-top:3vh}.frontend-backend-tag-outer{color:#fff;border:.04vw solid rgba(255,255,255,.308)}#frontend-backend-tag{margin:0;padding:0;font-size:400%;border-bottom:.04vw solid rgba(255,255,255,.308)}.section-title{position:fixed;top:10vh;color:#fff}#portfolio{margin:3vh 5vw 0 15vw}.project{margin-bottom:20vh}.project-top{display:grid;grid-template-columns:63% auto;gap:2%;margin-bottom:2%}.project-action-main{margin-top:10%;display:flex;width:100%}.project-action-main a{margin-right:5%;width:8%}.project-action-main span{margin-right:5%}.bankinfo-top{grid-template-columns:auto 63%}.insight-top{grid-template-columns:55% auto}.bh-rep-top{grid-template-columns:50% auto;padding-bottom:15%}.bh-project{display:grid;grid-template-columns:auto auto}.bh-right{display:flex;align-items:center;justify-content:center;border:.04vw solid rgba(255,255,255,.308);border-radius:1vw}.row-1{display:flex;width:94vw;height:max-content}.web-preview-outer{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin-right:2vw;border:.04vw solid rgba(255,255,255,.308);border-radius:1vw}.description-outer{width:96%;border:.04vw solid rgba(255,255,255,.308);border-radius:2%;color:#fff;padding:5%;font-size:170%;font-weight:150;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.description-outer h1{padding:0;margin:0;font-size:250%;font-weight:50}.description-outer button{display:flex;align-items:center;justify-content:center;width:50%;font-size:100%;border-radius:1vw;margin-top:8%}.bh-rep-description-outer{display:grid;grid-template-columns:auto;gap:3vw;padding-bottom:9%}.web-preview-inner{height:max-content;margin:4% 3%;padding:1.5%}.bank-info-inner{background-color:#924dbf}.csa-inner{background-color:#51b8d0}.insight-inner{background-color:#2177ff}.wansearch-inner{background-color:#fc4c0a}.bh-rep-inner{background-color:#00a07c}.physics-inner{background-color:#504f4f}.web-preview-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:1vw}.project-bottom{display:grid;grid-template-columns:45% auto;gap:2%}.technologies-used{display:flex;font-size:large;color:#fff;font-weight:200;border:.04vw solid rgba(255,255,255,.308);border-radius:1vw;justify-content:space-between;padding:2%}.tech{flex-direction:column;text-align:center;display:flex;align-items:center;justify-content:center;width:32%}.tech-logo{width:40%}.skills-involved{padding:2%;font-size:large;color:#fff;border:.04vw solid rgba(255,255,255,.308);border-radius:1vw}.mobile-only{display:none}.large-screen-only{display:flex}#about{margin:30vh 5vw 8vh 15vw;color:#fff}#about-heading{font-size:500%}.about-inner{display:grid;grid-template-columns:50% 50%;height:100%;margin:3vw}.about-item-outer{height:100%;display:flex;flex-direction:column}.about-item-text-right{text-align:end;margin-top:2%;display:flex;align-items:center;justify-content:end}.about-item-text-right span{margin-right:2%}.about-item-outer-right{position:relative;justify-self:end}.about-item-outer-right p{text-align:end;margin-left:13%}.about-item-logo{width:5%}.about-item-outer span{font-size:230%;font-weight:600}.about-item-outer p{width:80%;font-size:150%;color:#959595}.about-item-text-left{display:flex;margin-top:2%;align-items:center;justify-content:start}.about-item-text-left span{margin-left:2%}.about-item-outer-contact{margin-top:27%;width:100%}.about-item-outer-left{position:relative}.about-item-outer-left p,.about-item-outer-left a{margin-left:8%}.about-line{border-right:.1vw dotted white}.about-dot{position:absolute;width:3%;padding-bottom:3%;background:#fff;border-radius:50%}.about-dot-right{left:-1.5%}.about-dot-left{right:-1.5%}.about-techs{display:grid;grid-template-columns:auto auto auto auto;margin-top:5%;width:60%;height:max-content;margin-left:8%}.about-tech-logo{width:40%}.contacts{width:55%;display:flex;align-items:center;justify-content:space-between;margin-left:auto;margin-top:5%;margin-right:8%}.contact{width:10%}.article{width:100%;color:#fff;border:.04vw solid rgba(255,255,255,.308);padding:1.5%;margin-bottom:5vh;border-radius:1vw;box-sizing:border-box}.article h2{font-weight:200}.article button{padding:1%;border-radius:.5vw}.article button:hover{background-color:#2177ff}.in-right{-webkit-transform:translateX(50px) translateZ(0);transform:translate(50px) translateZ(0);-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;opacity:0}.in-left{-webkit-transform:translateX(50px) translateZ(0);transform:translate(-50px) translateZ(0);-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;opacity:0}.in-top{-webkit-transform:translateY(-50px) translateZ(0);transform:translateY(-50px) translateZ(0);-webkit-transition:.4s;-o-transition:.4s;transition:.4s;opacity:0}.in-animate{opacity:1;-webkit-transform:translateY(0px) translateX(0) rotate(0deg) translateZ(0);transform:translateY(0) translate(0) rotate(0) translateZ(0)}.articles:nth-child(2){transition-delay:.4s}.articles:nth-child(3){transition-delay:.6s}.articles:nth-child(4){transition-delay:.8s}@keyframes animate{0%{opacity:0;transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(20px,20px)}}@media only screen and (max-width: 600px){.nav-bar-outer{width:100%;height:auto}.nav-bar{flex-direction:row;width:80vw;margin:4vw auto 0;align-items:center;height:3vh;padding:1.5% 1%;font-size:70%;justify-content:space-between}.nav-item{transform:none;padding:1.5%}.landing-page-intro{justify-content:center}.design-develop-tag{font-size:110%}.landing-page-bottom{margin-top:10%;justify-content:center;align-items:center}.bh-rep-top{height:121vh}.home-name{font-size:3.5em}#home{margin:0 5vw}#portfolio{margin:3vh 7.5vw 0 7.5vw}#about{margin-left:5vh}#home-description{font-size:1.6em}.name{text-align:center}.name-container{align-items:center}.name h1{font-size:11vw}.large-screen-only{display:none}.mobile-only{display:flex}.design-develop-tag{width:50%}.project{border:.04vw solid rgba(255,255,255,.308);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:2%}.project-top,.bankinfo-top,.bh-rep-top,.insight-top{grid-template-columns:auto}.project-bottom{grid-template-columns:auto;margin-top:7%}.about-inner{grid-template-columns:auto}.about-item-text-left span,.about-item-text-right span{border-bottom:.1vw dotted white}.about-line{border:none}.about-item-outer{margin-top:5vh}.about-techs{width:80%}.description-outer{height:max-content}.description-outer button{font-size:80%}.bh-project{grid-template-columns:auto}.bh-left{margin-top:1vh}}.upwork-badge-section{display:flex;align-items:center;justify-content:start;margin-bottom:5vh;padding:2vh 3vw;border:.04vw solid rgba(255,255,255,.308);border-radius:1vw;width:fit-content;margin:auto}.upwork-badge{width:80px;height:80px;margin-right:2vw}.upwork-text{font-size:1.2em;font-weight:200}@media only screen and (max-width: 600px){.upwork-badge-section{flex-direction:column;text-align:center;padding:4vh 6vw;width:auto}.upwork-badge{margin-right:0;margin-bottom:2vh}.upwork-text{font-size:1em}}.social-contacts{width:55%;display:flex;align-items:center;justify-content:end;margin-left:auto;margin-top:5%;margin-right:8%;gap:15%}.social-contact{width:30%;height:auto;display:flex;align-items:center;justify-content:center}.social-contact svg{width:100%;height:100%;transition:transform .2s ease}.social-contact:hover svg{transform:scale(1.1)}@media only screen and (max-width: 600px){.social-contacts{width:80%;margin:5% auto}.social-contact{width:33%}}.view-all-reviews{margin-top:2%;text-align:right}.view-all-reviews a{color:#9354bf;font-size:1.1rem;font-weight:500;margin-right:10%;text-decoration:none;transition:color .2s}.view-all-reviews a:hover{color:#b47ad9;text-decoration:underline}@media only screen and (max-width: 600px){.view-all-reviews{text-align:center;margin-top:.5rem}.view-all-reviews a{font-size:1rem}}