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{height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App{font-family:Poppins,sans-serif;width:100vw}.App,h1{margin:0}.HomePage{background-color:#212121;color:#fff;flex-direction:row;height:100vh;justify-content:center;margin-bottom:0}.HomeLeft,.HomePage{align-items:center;display:flex;position:relative}.HomeLeft{background-color:orange;flex-direction:column;height:100%;justify-content:space-between;width:35%}#signature{align-self:flex-start;color:#000;font-family:Zeyada,cursive;font-size:40px;font-weight:bolder;margin-bottom:10%;margin-left:10%}.HomeRight{align-items:center;background-color:#212121;display:flex;flex-direction:column;height:100%;justify-content:center;width:65%}#pfp{width:100%}#pfp,.HomeImage{border-radius:50%}.HomeImage{background-color:#000;height:400px;left:35%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.Socials{align-items:center;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-evenly;margin-bottom:5%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.icony{color:#000;font-size:40px;margin:10px;padding:5px}.icony:hover{cursor:pointer;transform:scale(1.2);transition:.2s}.my-info{align-items:flex-start;align-self:flex-end;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-right:20%;margin-top:0;text-align:justify;width:45%}button{background-color:initial;border:2px solid orange;border-radius:50px;color:orange;cursor:pointer;display:inline-block;font-size:17px;margin:4px 2px;padding:15px 20px;text-align:center;text-decoration:none;width:175px}.buttons{align-items:center;display:flex;flex-direction:row;font-weight:700;justify-content:space-between;margin-top:10%;width:100%}#btnDownload{background-color:initial;font-weight:700}#btnDownload:hover{background-color:#fff;border-color:#fff;color:#212121;font-weight:700;transform:scale(1.06);transition:.1s ease-in}#btnContact{background-color:orange;color:#212121;font-weight:700}#btnContact:hover{background-color:initial;border-color:#fff;color:#fff;font-weight:700;transform:scale(1.05);transition:.1s ease-in}.menu-icon{font-size:35px;position:fixed;right:30px;top:20px}.MyName{font-size:50px;font-weight:700;margin-bottom:0;margin-top:0}@keyframes typewriter{0%{width:0}50%{width:140px}to{width:0}}@keyframes blink{0%,to{border-color:#0000}50%{border-color:#fff}}.typewriterText{animation:typewriter 6s steps(30) infinite,blink .75s step-end infinite;border-right:.15em solid #000;font-weight:700;margin-bottom:0;margin-top:0;overflow:hidden;white-space:nowrap}.Blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:initial;width:100vw;z-index:10}.Blur,.NavBary{display:none;height:100vh;position:fixed}.NavBary{background-color:#333;border-bottom-right-radius:40px;border-top-right-radius:40px;color:#fff;flex-direction:flex-start;justify-content:center;left:0;top:0;width:40vh;z-index:1000}.nav-list{flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-evenly;padding:0;position:absolute;top:10%}.nav-item,.nav-list{align-items:center;display:flex}.nav-item{border:3px solid orange;border-radius:50px;cursor:pointer;font-size:20px;font-weight:600;justify-content:flex-start;margin-top:15%;padding-inline:20px;padding-bottom:10px;padding-top:10px;text-align:center;width:100%}.nav-item:hover{background-color:orange;color:#212121;transition:.3s}.nav-item-children{padding-left:10px}.cancel-icon{cursor:pointer;font-size:25px;font-weight:100;position:absolute;right:10%;top:5%}.cancel-icon:hover{color:orange}.IntroPage{color:#fff;direction:column;height:90vh}.IntroPage,.line-style{background-color:#212121;display:flex;margin:0}.line-style{align-items:center;height:20vh;justify-content:center}#line{background-color:orange;border-radius:5px;height:6px;margin:0;width:85%}.intro-body{background-color:#212121;color:#fff;display:flex;flex-direction:row;font-size:23px;height:80%;justify-content:center;width:100%}.intro-info{align-items:center;justify-content:space-between;padding-left:100px;padding-right:50px;padding-top:40px;text-align:justify;width:50%}.IntroHead{color:orange;font-size:55px}.IntroPara{font-size:large}.intro-img{align-items:center;flex-direction:column;height:100%;justify-content:center;padding-bottom:50px;padding-right:50px;width:50%}.EduPage,.intro-img{background-color:#212121;display:flex}.EduPage{color:#fff;flex-direction:row;height:100vh;margin:0}.Edu-Left{align-items:justify;background-color:#212121;display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:100px;text-align:justify;width:70%}.Edu-heading{color:orange;font-size:55px;margin:10px}.Edu-Right{align-items:center;justify-content:space-between}.EduCard{align-items:justify;background-color:rgba(218,142,0,.554);border-radius:25px;box-shadow:0 4px 8px 0 #0003;display:flex;flex-direction:row;height:120px;margin:10px;max-width:85%;min-width:50%;padding:10px;width:100%}.EduCard:hover{background-color:rgba(243,163,15,.777);transform:scale(1.01);transition:.5s}.ECIcon{align-items:center;background-color:orange;border-radius:50%;font-size:50px;height:60px;margin:25px 10px 10px;width:60px}.ECIcon,.EDUPara{display:flex;justify-content:center}.EDUPara{flex-direction:column;margin-left:20px}.ECPeriod{color:orange;font-size:medium;margin:0;padding:0}.ECDegree{font-size:large}.ECDegree,.ECSchool{margin:0;padding:0}.Edu-Right{align-items:flex-end;height:100%;padding-right:60px;width:30%}.Edu-Right,.skills-page{background-color:#212121;display:flex;flex-direction:column;justify-content:center}.skills-page{align-items:center;color:#fff;height:85vh;padding-left:100px;padding-right:100px}.skills-list{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;overflow:hidden;padding-top:40px;width:100%}.skill-box{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:70px;margin-right:70px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.skill-box:hover{cursor:pointer;transform:scale(1.2);transition:.5s}.skill-img{height:80px;width:80px}.skills-h2{color:orange;font-size:55px;margin:10px 10px 110px}.ExpPage{background-color:#212121;color:#fff;display:flex;flex-direction:row;height:100vh;margin:0}.ExpIcon{background-color:orange;border-radius:50%;font-size:40px;height:60px;margin:25px 10px 10px;width:60px}.Exp-Left,.ExpIcon{align-items:center;display:flex;justify-content:center}.Exp-Left{padding-left:50px;position:relative;width:40%}.Exp-Left,.Exp-Right{background-color:#212121;flex-direction:column;height:100%}.Exp-Right{align-items:end;display:flex;justify-content:center;padding-right:70px;text-align:justify;width:70%}.Exp-Img{width:100%}.spacer{height:120px}.ProjectSection{justify-content:space-evenly;margin-bottom:2rem}.ProjectSection,.ProjectSectionParent{align-items:center;background-color:#212121;display:flex;width:100%}.ProjectSectionParent{flex-direction:column;height:100vh;justify-content:center;padding-top:20px}.ProjectSectionParent h1{color:orange;font-size:55px;font-weight:700;margin-bottom:5rem}.project-card h1{color:#ebeaeb;font-size:1.4rem;margin:15px 0 0}.project-card{align-items:center;background-color:#f1a414;border-radius:10px;display:flex;flex-direction:column;height:400px;justify-content:space-between;position:relative;width:320px}.project-card img{height:auto;transition:all 1s ease;width:75%}.buttonsCode{align-items:center;min-height:66px;width:100%}.code-icon,.play-icon{border:2px solid #ebeaeb;border-radius:50%;color:#ebeaeb;height:25px;padding:8px;width:25px}.project-info{animation:none;background-color:#212121;border-bottom-right-radius:1.8rem;border-top-right-radius:1.8rem;color:#fff;font-size:.9rem;left:0;opacity:0;padding-bottom:20px;padding-left:10px;padding-top:20px;position:absolute;top:100px;transform:translateX(-50px);transition:opacity .3s ease,transform 1s ease;width:80%}.project-card:hover .project-info{opacity:1;transform:translateX(0)}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.project-card:hover .tech-stack{opacity:1;transform:translateX(0)}.tech-stack{align-items:center;animation:slideIn-tech 1s ease;background-color:#212121;border-bottom-left-radius:.8rem;border-top-left-radius:.8rem;color:#fff;display:none;font-size:.8rem;max-height:15%;max-width:60%;opacity:0;padding:10px 8px;position:absolute;right:0;text-align:left;transform:translateX(0);transition:opacity .3s ease,transform 15s ease-in-out}.demo-button{left:40px}.code-icon-container,.demo-button{bottom:10px;cursor:pointer;position:absolute}.code-icon-container{right:30px}.active{animation:codeIconOut .8s ease;transform:translateX(-150px)}.inactive{animation:codeIcon 1s ease;transform:translateX(0)}@keyframes codeIcon{0%{transform:translateX(-50px)}to{transform:translateX(0)}}@keyframes codeIconOut{0%{transform:translateX(0)}to{transform:translateX(-150px)}}@keyframes slideIn-tech{0%{transform:translateX(70px)}to{transform:translateX(0)}}.contacts{align-items:flex-start;background-color:#212121;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;position:relative}.contacts p{color:#fff}.contacts--img{bottom:0;pointer-events:none;position:absolute;right:0;width:280px}.contacts h1{color:orange}.contacts--container{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-top:2rem;padding:2rem 6rem 3rem;width:80%}.contacts--container>h1{font-family:var(--primaryFont);font-size:3.5rem;margin-bottom:2.5rem}.contacts-body{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.contacts-form{display:flex;flex:0.4 1;width:100%}.contacts-form form{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-evenly;width:100%}.input-container{width:100%}.input-container input,.input-container textarea{background-color:#212121;border:4px solid orange;color:#fff;font-family:var(--primaryFont);font-weight:500;transition:border .2s ease-in-out}.input-container label{background-color:#212121;border-radius:3px;color:orange;display:inline-flex;font-size:.9rem;font-weight:600;padding:1px 5px;transform:translate(25px,50%)}.form-input{height:50px}.form-input,.form-message{border-radius:50px;border-radius:20px;box-sizing:border-box;margin-bottom:2rem;outline:none;padding:.7rem;resize:none;width:100%}.form-message{height:150px}.submit-btn button{align-items:center;background-color:orange;border:none;border-radius:50px;color:#212121;cursor:pointer;display:flex;flex-direction:row;font-weight:700;height:50px;justify-content:center;outline:none;width:140px}.submit-btn button p{color:#212121;font-family:var(--primaryFont);font-size:16px}.submit-icon{align-items:center;display:flex;justify-content:center;padding:5px}.send-icon{font-size:25px;transform:translate(5px,-3px) rotate(-30deg);transform-origin:center}.success-icon{font-size:28px;transition:all .3s ease-in-out .8s}.contacts-details{align-items:flex-start;box-sizing:border-box;display:flex;flex:0.6 1;flex-direction:column;justify-content:space-evenly;margin-top:1.2rem;padding-left:7rem}.personal-details{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:2.5rem;width:100%}.personal-details p{font-family:var(--primaryFont);font-size:18px;font-weight:500;line-height:110%;margin-left:1.5rem;width:45%;word-break:break-word}.socialmedia-icons{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:4rem;width:90%}a{color:#000;text-decoration:none}.iconsDetails{background-color:orange;border-radius:50%;font-size:30px;padding:5px;transition:all .3s ease-in-out}.iconsDetails:hover{background-color:#fff;scale:1.1}.SocialconsDetails{background-color:orange;border-radius:50%;font-size:30px;padding:5px;transition:all .3s ease-in-out}.SocialconsDetails:hover{background-color:#fff;scale:1.1}@media (min-width:992px) and (max-width:1380px){.contacts--img{bottom:0;position:absolute;right:0;width:240px}.contacts--container{margin-top:1rem;padding:2rem 4rem;width:90%}}@media screen and (max-width:992px){.contacts--img{display:none}.contacts--container{margin-top:1rem;width:100%}.contacts--container>h1{font-size:3rem;margin:0 0 1.2rem}.contacts-details{padding-left:4rem}.personal-details p{font-size:1rem;margin-left:1rem}}@media screen and (max-width:800px){.contacts--container h1{font-size:3rem;margin-bottom:30px}.contacts--container{align-items:center;margin-top:0;padding:2rem}.contacts-body{align-items:center;display:flex;flex-direction:column}.contacts-form{display:flex;flex:1 1;width:80%}.form-input{margin-bottom:.45rem}.contacts-form form{align-items:flex-end}.contacts-details{align-items:center;margin-top:2rem;padding:1rem}.socialmedia-icons{gap:1.5rem;margin-top:2rem;width:100%}.personal-details{margin-bottom:1.8rem}.personal-details p{margin-left:1.2rem;width:95%}}@media screen and (max-width:600px){.contacts-form{display:flex;flex:1 1;width:100%}.contacts--container h1{font-size:2.5rem;margin-bottom:20px}}@media screen and (max-width:400px){.contacts-details{align-items:center;margin-top:2rem;padding:0}.submit-btn{align-self:center}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3){.contacts-details{padding:0}}@keyframes spin{0%{opacity:1;transform:translate(5px,-3px) rotate(0deg)}to{transform:rotate(359deg)}}@keyframes fly{10%{transform:rotate(0deg)}20%{transform:translateX(-10px)}70%{transform:translateX(60px)}to{transform:translateX(80px)}}
/*# sourceMappingURL=main.d264483c.css.map*/