body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{overflow-x:hidden;text-align:center}body::-webkit-scrollbar{width:.2rem}body::-webkit-scrollbar-thumb{background-color:gray;border-radius:.5rem}body::-webkit-scrollbar-track{background-color:#d3d3d3}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@font-face{font-family:gumela;src:url(/portfolio/static/media/Gumela.bf98a454247ad9695fde.ttf)}.sign{font-family:gumela}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:600px){.App{padding:0}}:root{--customyellow:#f5c32c;--customorange:#fca61f;--customblack:#242d49;--customboxshadow:0 18px 60px rgb(0 0 0/8%)}.navbar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;height:8vh;justify-content:space-between;margin-bottom:1vh;padding:.4rem 5vmax 0;position:fixed;width:90%;z-index:7}.navbar-ul-1{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:2vw;justify-content:start;list-style-type:none;padding-top:.2vmax}.navbar-ul-1>:nth-child(2){margin-top:.2vmax}.navbar-ul-2{align-items:center;display:flex;flex:2 1;flex-direction:row;gap:1rem;justify-content:space-between;list-style-type:none}.navbar-li{font-size:1.3vmax;font-weight:700}.navbar-button{background:linear-gradient(180deg,#fdc50f 26.71%,#fb982f 99.36%);border:none;border-radius:2vmax;box-shadow:0 10px 24px 3px rgba(251,161,40,.42);color:#fff;font-size:1vmax;padding:.5vmax 1.3vmax}.navbar-button:hover{background:#ff8402;cursor:pointer}.navbar li{font-size:1vmax}.navbar li:hover{color:var(--customorange);cursor:pointer}@media screen and (max-width:600px){.navbar{justify-content:center;padding:0;width:100%}.navbar-ul-2{display:none}.navbar-ul-1{justify-content:center;padding:0}.navbar-li{padding:0}.navbar li{font-size:2vmax}}.toggle{border:3px solid var(--customorange);border-radius:30vmax;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;margin-top:-.3vmax;padding:.7vmax 1.5vmax;position:absolute}.toggle-div{background-color:var(--customorange);border-radius:100%;height:1vmax;margin-left:-1.2vmax;width:1vmax}.toggle-div,.toggle-icon{cursor:pointer;margin-top:-.5vmax;position:absolute}.toggle-icon{color:var(--customorange);font-size:1vmax;margin-left:.2vmax}.toggle1{border:3px solid #cdcdcd;border-radius:30vmax;display:flex;flex-direction:row;font-size:1vmax;justify-content:space-between;margin-top:-.3vmax;padding:.7vmax 1.5vmax}.toggle1,.toggle1-div{cursor:pointer;position:absolute}.toggle1-div{background-color:#cdcdcd;border-radius:100%;height:1vmax;margin-left:.2vmax;margin-top:-.5vmax;width:1vmax}.toggle1-icon{color:#cdcdcd;cursor:pointer;font-size:1vmax;margin-left:-1.2vmax;margin-top:-.5vmax;position:absolute}@media screen and (max-width:600px){.toggle{margin-top:.1vh}}.popup{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:100%;left:0;top:0;width:100%}.popup,.popup-div{align-items:center;display:flex;justify-content:center;margin:auto;position:fixed;z-index:5}.popup-div{border-radius:1rem;left:25%;opacity:1;top:15%}.popup-div img{border-radius:1rem;height:100%;width:100%}@media screen and (max-width:600px){.popup-div{left:5%;top:30%}}.intro-div{display:flex;flex-direction:row;height:93vh;justify-content:space-between;padding:10vh 5vw 0}.intro-div-left{background-position:50%;background-repeat:no-repeat;background-size:50vmax;display:flex;flex:1 1;flex-direction:column;margin:0 2vmax 2vmax;padding-top:25vh;text-align:start}.intro-div-left span{margin:0;padding:0}.intro-button{background:linear-gradient(180deg,#fdc50f 26.71%,#fb982f 99.36%);border:none;border-radius:2rem;box-shadow:0 10px 24px 3px rgba(251,161,40,.42);color:#fff;margin:0;padding:1rem 1.8rem}.intro-button:hover{background:#ff8402;cursor:pointer}.intro-div-left>:first-child{font-size:3vmax;padding-bottom:.1rem}.intro-div-left>:nth-child(2){color:var(--customorange);font-size:3vmax;font-weight:700;padding-bottom:.6rem}.intro-div-left>:nth-child(3){font-size:1.2vmax}.intro-div-left>:nth-child(3),.intro-div-left>:nth-child(4){font-weight:400;padding-bottom:.5rem}.intro-div-left>:nth-child(5){display:flex;flex-direction:row;gap:1.5rem;margin-bottom:4rem;margin-top:0}.github{padding-top:.1rem}.github,.linkedin{height:2rem;width:2rem}.linkedin{padding-top:0}.intro-div-right{display:flex;flex:1 1;margin-right:6vmax;position:relative}.intro-div-right img{margin-right:5vmax;position:absolute;width:33%}.intro-div-right>:first-child{margin-left:1rem;margin-top:4rem;position:absolute;width:600px;z-index:1}.intro-div-right>:nth-child(2){margin-left:8rem;margin-top:5rem;position:absolute;-webkit-transform:scale(1.1);transform:scale(1.1);width:500px;z-index:2}.intro-div-right>:nth-child(3){margin-left:5.7rem;margin-top:-1.5rem;position:absolute;-webkit-transform:scale(1.34);transform:scale(1.34);width:500px;z-index:3}.blur{background-color:transparent;border-radius:30%;-webkit-filter:blur(90px);filter:blur(90px);height:10rem;position:absolute;width:20rem;z-index:-8}@media screen and (max-width:1200px){.intro-div-right{margin-right:12vmax;-webkit-transform:scale(.8);transform:scale(.8)}}@media screen and (max-width:1000px){.intro-div-right{margin-right:12vmax;-webkit-transform:scale(.7);transform:scale(.7)}}@media screen and (max-width:800px){.intro-div-right{margin-right:12vmax;-webkit-transform:scale(.6);transform:scale(.6)}}@media screen and (max-width:600px){.intro-div{display:flex;flex-direction:column-reverse;padding:0;width:100%}.intro-div-left{align-items:flex-start;background-size:cover;display:flex;flex:none;justify-content:flex-start;margin-bottom:-150px;margin-top:9vh;padding-bottom:0;padding-left:0;padding-top:7vh}.intro-div-left>:first-child{font-size:2.5vmax;margin:-2vh 0;padding-bottom:3vh}.intro-div-left>:nth-child(2){color:var(--customorange);font-size:2.5vmax;font-weight:700;margin:.2vh 0;padding-bottom:.5rem}.intro-div-left>:nth-child(3){font-size:2vmax;font-weight:400;margin:.2vh 0;padding-bottom:0}.intro-div-left>:nth-child(4){align-items:flex-start;display:flex;flex-direction:row;font-size:.8rem;gap:1.5rem;justify-content:flex-start;margin-left:0;margin-top:1vh;padding-left:0;-webkit-transform:scale(1);transform:scale(1)}.intro-div-right{left:-2.5rem;-webkit-transform:scale(.5);transform:scale(.5)}.web-designer{position:absolute;right:0}.github{padding-top:.1rem}.github,.linkedin{height:1.5rem;width:1.5rem}.linkedin{padding-top:0}}.floatingspan{border:3px solid #fff;border-radius:17px;box-shadow:0 7px 30px rgba(0,0,0,.38);display:flex;flex-direction:row;padding:1rem;text-align:start;width:10rem}.floatingspan>:first-child{height:45px;margin-top:.1rem;width:45px}.floatingspan>:nth-child(2){margin-left:4rem}.card,.floatingspan>:nth-child(2){display:flex;flex-direction:column}.card{border:8px solid var(--customyellow);border-radius:20px;box-shadow:5px 10px 30px rgba(0,0,0,.42);font-size:1vmax;gap:.5rem;padding:1.5vmax;position:absolute;width:10vmax}.card-img{height:3vmax;width:3vmax}.card>:nth-child(3){margin-top:0}@media screen and (max-width:600px){.card{display:flex;flex-direction:column;height:18vmax;margin:0 0 1vh;position:relative;width:34%}}.services{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:4rem;padding:0 1rem 0 5rem}.services-left{display:flex;flex:1 1;flex-direction:column;flex-wrap:wrap;gap:1rem;justify-content:start;text-align:start}.services-left>:first-child{color:var(--customorange);font-size:2rem;font-weight:700}.card p{font-size:.8vmax}.services-button{background:linear-gradient(180deg,#fdc50f 26.71%,#fb982f 99.36%);border:none;border-radius:2rem;box-shadow:0 10px 24px 3px rgba(251,161,40,.42);color:#fff;margin-top:4rem;padding:1rem 1.8rem}.services-button:hover{background:#ff8402;cursor:pointer}.services-right{display:flex;flex:2 1;position:relative}.motion1{margin-top:2vmax;position:absolute}.motion2{margin-left:3vmax;margin-top:26vmax;position:absolute}.motion3{margin-left:30vmax;margin-top:1vmax;position:absolute}.motion4{margin-left:27vmax;margin-top:24vmax;position:absolute}.motion5{margin-left:45vmax;margin-top:1vmax;position:absolute}@media screen and (max-width:600px){.services{display:flex;flex-direction:column;flex-wrap:wrap;margin-top:25vh;padding:0 3vw}.services-left{flex-wrap:wrap;gap:0;line-height:20px;margin-bottom:5vh}.services-left>:first-child{font-size:2.5vmax;padding-bottom:1rem}.services-left>:nth-child(2){font-size:2vmax}.services-right{align-items:center;display:flex;flex:0 1;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:0;position:relative}}.experience{align-items:center;display:flex;flex-direction:row;height:60vh;justify-content:space-evenly}.experience-span{display:flex;flex-direction:column}.experience-span>:nth-child(3){margin-top:0}.experience-circle{align-items:center;border:8px solid var(--customyellow);border-radius:100%;display:flex;font-size:2rem;font-weight:700;height:10rem;justify-content:center;width:10rem}.experience-circle>:nth-child(2){color:var(--customyellow)}@-webkit-keyframes blinker{50%{opacity:0}}@keyframes blinker{50%{opacity:0}}.heading{color:var(--customorange);font-size:2rem;padding-bottom:3rem;padding-left:15rem;text-align:left}.company-heading{display:flex;flex-direction:row}.company-date,.company-heading{font-size:1.3rem;padding-bottom:1rem}.experience-timeline{display:flex}.experience-timeline-left{display:flex;flex:2 1;flex-direction:row;justify-content:center;margin:auto;padding-left:15rem}.experience-timeline-right{display:flex;flex:1 1}.experience-timeline-left>:first-child{border-left:2px solid var(--customorange);display:flex;flex-direction:column;justify-content:start;padding:0}.experience-timeline-left>:nth-child(2){display:flex;padding-left:2rem;text-align:left}.experience-timeline-left>:nth-child(2) li,.experience-timeline-left>:nth-child(2) li span{padding-bottom:2rem}@media screen and (max-width:600px){.experience-timeline-left{font-size:2vmax;padding-left:0}.experience-timeline-left>:nth-child(2){padding-left:0}.experience-timeline-left>:nth-child(2) li{padding-bottom:1rem}.experience-timeline-right{display:none}.company-heading{display:flex;flex-direction:column}.company-date,.company-heading{font-size:2.5vmax}.experience-p{margin:0;padding:0}.heading{font-size:2.5vmax;padding-bottom:0}.experience-timeline,.heading{padding-left:3vw}}.portfolio{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding-left:15vmax;padding-right:8vmax;text-align:start}.portfolioMain-heading{color:var(--customorange);font-size:2rem;padding-bottom:2rem;padding-top:3vmax;text-align:left}.grid-row{display:flex;flex-direction:row;padding-bottom:2rem}@media screen and (max-width:600px){.portfolio-heading{padding-left:0}.portfolio{padding-left:3vw;padding-right:3vw}.portfolioMain-heading{display:flex;font-size:2.5vmax;justify-content:flex-start;margin:0;padding:2vh 0 1vh;text-align:left}}.portfoliocardMain{display:flex;flex-direction:row;flex-wrap:wrap;width:70vmax}.certificatecard,.portfoliocardMain{background-color:transparent;border:1px solid #d3d3d3;border-radius:1rem}.certificatecard{padding:1vmax;width:20vw}.certificatecard-image{border:2px solid transparent;border-radius:1rem;padding:.3rem;width:16vw}.portfoliocardMain-imgBox{width:40%}.portfoliocard-img{border-radius:1.5vmax;display:flex;height:85%;padding:.5vw;width:100%}.portfoliocard-heading{align-items:flex-start;color:var(--customorange);display:flex;font-size:1.2vmax;justify-content:flex-start;margin-left:1vw;padding-bottom:1vh;padding-left:.8vw;padding-top:2vh;text-align:left}.portfoliocard-featured{background-color:var(--customorange);color:#fff;margin:1vw;padding:1vh 2vw;text-align:center}.portfoliocard-desc{font-size:1vmax;margin-left:1vw}.portfoliocard-content{flex-wrap:wrap;width:60%}.certificatecard-content{display:flex;flex-direction:column;width:80%}.buttons-img{align-items:flex-start;cursor:pointer;display:flex;height:18px;justify-content:flex-start;width:18px}.buttons p{font-size:1vmax}.buttons img{margin-bottom:-1vh;margin-top:1vh;padding:0}@media screen and (max-width:600px){.portfoliocardMain{display:flex;flex-direction:column;width:90vw}.portfoliocardMain-imgBox{width:98%}.portfoliocard-content{width:100%}.portfoliocard-heading{font-size:2.5vmax;padding-top:0}.portfoliocard-desc{font-size:2vmax}.buttons-a{padding-top:.5vh}.buttons{padding-bottom:2vh}.certificatecard{align-items:center;display:flex;justify-content:center;width:40vw}}.contact{align-items:center;display:flex;flex-direction:row;padding-left:15vmax}.contact-left{display:flex;flex:1.5 1;flex-direction:column}.contact-left>:first-child{color:var(--customorange);font-size:2.5vmax;padding-top:3vh;text-align:left}.contact-left>:nth-child(2){font-size:1.3vmax;padding-top:0;text-align:left}.contact-left>:nth-child(3){font-size:1vmax;padding-top:1rem;text-align:left}.contact-left>:nth-child(5),.contact-left>:nth-child(6),.contact-left>:nth-child(7),.contact-left>:nth-child(8){display:flex;flex-direction:row;justify-content:space-evenly;padding-bottom:2vmax}.contact-div{flex-direction:row}.contact-div,.contact-right{display:flex;flex:1 1}.github-contact,.linkedin-contact{height:1.3vmax;padding-right:1vmax;width:1.3vmax}.contact-span-1{align-items:center;display:flex;font-size:1vmax;justify-content:center}.contact-span-2{display:flex;font-size:1vmax;text-align:left}.contact-span-2-link{font-size:1vmax}@media screen and (max-width:600px){.contact{display:flex;flex-direction:column;flex-wrap:wrap;padding-left:3vw;padding-right:3vw}.contact-left>:first-child{font-size:2vmax;padding-left:0}.contact-left>:nth-child(2),.contact-left>:nth-child(3),.contact-left>:nth-child(5),.contact-left>:nth-child(6),.contact-left>:nth-child(7),.contact-left>:nth-child(8){padding-left:0}.contact-row{flex-direction:column}.contact-span-1 a{font-size:1vmax}.linkedin-contact{margin-right:1.5vmax}}.footer{background-color:#131313;color:#cdcdcd;padding:1rem 1rem .4rem}.certificatecard,.footer{display:flex;flex-direction:column;justify-content:center}.certificatecard{align-items:center;margin:.5rem;width:35vw}.certificatecard-image{width:8vw}.certificatecard-image,.image{display:flex;justify-content:center}.image{align-items:center;height:30vh;margin-top:.5rem;width:20vw}.portfoliocard img{width:30vw}.certificatecard-heading{color:#fca61f;font-size:1.3vmax;text-align:left}.certificatecard-buttons{display:flex;flex-direction:row;font-size:1.4vmax}.certificatecard-buttons p{cursor:pointer;display:flex;font-size:1.4vmax;margin-top:0;padding-bottom:0;padding-left:.5rem;padding-right:1.5rem}.certificatecard-a{color:inherit;display:flex;flex-direction:row;text-decoration:none}@media screen and(max-width:600px){.certificatecard-image{display:flex;width:30vw}.image{display:flex;object-fit:cover;width:40vw}.certificatecard{align-items:center;display:flex;justify-content:center;width:40vw}.portfoliocard,.portfoliocard img{border:2px solid transparent;border-radius:1rem;height:15rem;padding:.3rem;width:90vw}}.portfoliocard{background-color:transparent;border:1px solid #d3d3d3;border-radius:1rem;display:flex;flex-direction:row}.certification-row{display:flex;flex-direction:row;flex-wrap:wrap}.portfoliocard img{border:2px solid transparent;border-radius:1rem;height:15rem;padding:.3rem;width:30rem}.certificate-heading{color:#fca61f;font-size:1.3rem;padding:1rem;text-align:left}.portfoliocard-desc{padding-left:1rem;padding-right:1rem;text-align:start}.portfoliocard-content{display:flex;flex-direction:column}.buttons img{align-items:flex-start;cursor:pointer;display:flex;height:18px;justify-content:flex-start;margin-bottom:auto;margin-top:0;width:18px}.buttons{display:flex;flex-direction:row;margin-left:2vw}.buttons p{cursor:pointer;display:flex;margin-top:0;padding-bottom:0;padding-left:.5rem;padding-right:1.5rem}.buttons a{color:inherit;display:flex;flex-direction:row;text-decoration:none}@media screen and (max-width:600px){.certification-row{display:flex;flex-direction:row;justify-content:flex-start}}.message-box{background-color:#242d49;margin-bottom:1rem;margin-top:50vh;padding:1rem}.message-first{font-size:1.2rem;font-weight:500}.message-first,.message-second{display:flex;justify-content:center;text-align:start}.message-second{font-size:.9rem;font-weight:400}@media screen and (max-width:600px){.link,.message-first,.message-second{font-size:1vmax}.message-box{margin-top:2vh}}.dsaprofile_desc{font-size:1vmax;text-align:left}@media screen and(max-width:600px){.certificatecard-image{display:flex;width:100%}.image{display:flex;object-fit:cover;width:100%!important}.certificatecard{align-items:center;display:flex;justify-content:center}.certificatecard-p{font-size:1vmax}}
/*# sourceMappingURL=main.d56ee591.css.map*/