@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Luxurious+Roman&family=Moon+Dance&display=swap);@import url(https://fonts.googleapis.com/css2?family=Luxurious+Roman&family=Moon+Dance&display=swap);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{text-align:center}.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}}.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)}}.container{display:flex;margin:0;padding:0;width:100%}.container,.left-section{background-color:#1a4645;height:100vh}.left-section{width:60%}.text-content{color:snow;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;left:5%;position:relative;top:25%;width:80%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.left-section h1,.left-section p{margin:0;padding:0}.left-section h1{font-size:3em;font-weight:500}.left-section .name{font-size:4em;font-weight:700}.left-section p{font-size:2em}.i-title{height:50px;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.i-title-item{align-items:center;color:#e5dfdf;display:flex;font-size:2em;font-weight:700;height:50px}.i-title-wrapper{-webkit-animation:move 10s ease-in-out infinite alternate;animation:move 10s ease-in-out infinite alternate;height:100%}@-webkit-keyframes move{33%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}66%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(-150px);transform:translateY(-150px)}}@keyframes move{33%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}66%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(-150px);transform:translateY(-150px)}}.i-desc{font-size:1em;font-weight:500;width:65%}.cv-button{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:20%;position:relative;top:35%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.right-section{height:100vh;position:relative;width:40%}.home-image{height:90vh;overflow:hidden;position:absolute;right:0;top:10vh;width:42%}.i-bg,.port-image{height:100%;width:100%}.i-bg{background-color:#e5dfdf;-webkit-clip-path:polygon(100% 0,100% 49%,100% 100%,25% 100%,0 50%,25% 0);clip-path:polygon(100% 0,100% 49%,100% 100%,25% 100%,0 50%,25% 0);position:absolute;right:0;top:0}@media screen and (max-width:1000px){.i-desc{position:relative;top:20px}}@media screen and (max-width:750px){.left-section{width:55%}.right-section{width:54%}.text-content{position:relative;top:20%}.cv-button{top:30%}.left-section h1{font-size:2em}.left-section .name{font-size:3em}.i-desc{width:85%}}@media screen and (max-width:500px){.container{flex-direction:column;height:100vh;justify-content:space-between;max-height:100vh}.left-section{text-align:center}.left-section,.right-section{height:50vh;width:100%}.text-content{left:0;width:100%}.i-title,.left-section .name,.left-section h1{margin:auto}.i-desc{display:none}.cv-button{left:0;margin:auto}.left-section .name{font-weight:3em;font-weight:700}.cv-button{top:37%}.home-image{height:50vh;top:50vh;width:100%}}.navigation-wrapper{background-color:#176d6d;background-color:rgba(0,0,0,.2);height:8vh;position:fixed;width:100%;z-index:1000}.navigation-link{height:100%;position:relative;width:70%}ul{align-items:center;display:flex;height:100%;justify-content:space-evenly;margin:0;width:100%}li{font-family:Moon Dance,cursive;font-family:Luxurious Roman,cursive;font-family:Josefin Sans,sans-serif;font-size:1.15em;list-style:none;text-transform:uppercase}.navigation-link a{color:#e5dfdf;text-decoration:none}.navigation-link a:hover{border-bottom:2px solid #e5dfdf}a .actice-classname{color:#000}.nav-button{align-items:center;display:flex;display:none;flex-direction:column;height:100%;justify-content:center;left:10px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.line{border-top:4px solid #e5dfdf;height:5px;width:30px}@media (max-width:1000px){.navigation-link li{font-size:1em}.navigation-link{width:80%}}@media (max-width:700px){.navigation-link{display:none}#hidden,.nav-button{display:flex}#hidden{background-color:#176d6d;height:70vh;left:0;position:absolute;width:50%}ul{align-items:center;display:flex;flex-direction:column;line-height:1em;width:100%}}@media (max-width:500px){#hidden,.navigation-link{width:100%}#hidden{height:80vh}}html{scroll-behavior:smooth}.about-wrapper{background-color:#183f3f;display:flex;height:100vh;justify-content:space-between;width:100%}.about-left-section{background-color:#e5dfdf;height:100vh;left:0;position:relative;width:40%}.about-heading{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;position:relative;text-transform:capitalize;top:10%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about-heading h1{color:#141414;font-family:Moon Dance,cursive;font-size:4em;margin:0}.about-left-image{border:5px solid #000;height:50vh;left:20%;position:relative;top:15%;width:50%}.about-left-image img{height:100%;position:relative}.about-left-image-bg{background-color:#183f3f;border-radius:10px;height:50vh;left:30%;position:absolute;top:35%;width:50%}.about-right-section{height:90vh;width:49%}.about-content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;right:5%;top:10%;width:90%}.about-content p{color:#fff;font-size:1.65em;font-weight:500}.about-section-button{display:flex;justify-content:space-evenly;top:15%;width:90%}.about-contact-button,.about-section-button{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.about-contact-button{background-color:#e5dfdf;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-me{background-color:#e5dfdf;border:2px solid #e5dfdf;color:#1a4645;font-size:1.5em;padding:12px;text-align:center;text-decoration:none}.contact-me:hover{background-color:#1a4645;color:snow}.download-cv:hover{border:2px solid snow;color:#e5dfdf}.about-download-button{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.download-cv{border:2px solid #e5dfdf;color:snow;font-size:1.5em;padding:12px;text-align:center;text-decoration:none}.download-cv:hover{background-color:#e5dfdf;border:2px solid #e5dfdf;color:#1a4645}@media screen and (max-width:900px){.about-content p{font-size:1.5em}}@media screen and (max-width:800px){.about-content{width:100%}.about-section-button{justify-content:space-between;margin:auto;position:relative;right:5%;width:100%}.about-left-image{height:40vh;left:5%;width:70%}.about-left-image-bg{height:40vh;left:20%;width:70%}}@media screen and (max-width:700px){.about-wrapper{flex-direction:column}.about-left-section,.about-right-section{height:50vh;width:100%}.about-left-image-bg{display:none}.about-left-image{border:10px double #183f3f;height:32vh;left:0;margin:auto;top:13%;width:40%}.about-heading{left:0;margin:auto;top:15%}.about-content{margin:auto;right:0;text-align:center;top:0;width:95%}.about-content p{font-size:1.4em}.about-section-button{justify-content:space-evenly;top:0;width:70%}}@media screen and (max-width:500px){.about-content p{font-size:1.1em}.about-section-button{margin:auto;right:0;width:100%}.contact-me,.download-cv{font-size:1.2em;padding:3px}.about-left-image{height:60%}}@media screen and (max-width:400px) and (max-height:800px){.about-content p{font-size:1em}}.services-wrapper{background-color:#e5dfdf;height:100vh;margin:0;width:100%}.services-container{align-items:center;background-color:#1a4645;height:50vh;margin:auto;position:relative;top:5%;width:90%}.services-heading{color:#e5dfdf;margin:auto;position:relative;top:5%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.services-heading h1{font-family:Moon Dance,cursive;font-size:4em;margin:0;text-transform:capitalize}.services-content{border-bottom:1px solid grey;color:#e5dfdf;margin:auto;position:relative;top:7%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.services-content p{margin:0;text-align:center}.services-items{align-items:center;display:flex;flex-wrap:wrap;gap:20px;height:60vh;justify-content:center;margin:0;position:relative;width:100%}.service-appdesign,.service-videodesign,.service-webdesign,.service-webdev{background-color:#e5dfdf;border-radius:10px;box-shadow:0 0 5px gray;height:35vh;margin:0;position:relative;width:20%}.service-webdev{background-color:#3b7978;color:#e5dfdf}.service-appdesign,.service-videodesign,.service-webdesign{color:#000}.service-image{height:12vh;left:2%;position:relative;top:5%;width:40%}.service-img-style{height:15vh;margin:auto;overflow:hidden;width:70%}img{width:100%}.service-heading{margin:auto;position:relative;text-transform:uppercase;top:10%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.service-heading h1{font-size:1.3em;margin:0}.service-information{left:5%;position:relative;text-transform:capitalize;top:15%;width:90%}.service-information p{margin:0}.service-down-container{background-color:#3b7978;height:20vh;margin:auto;position:relative;top:20%;width:90%}.service-down-items{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:auto;width:60%}.service-box{align-self:center;height:20vh;justify-content:center;margin:0;position:relative;text-align:center;top:0;width:25%}.service-box .service-upper-row{margin:0;position:relative;top:20%}.service-box p{color:#e5dfdf;font-size:3em;font-weight:700;margin:0}.service-box .service-lower-row{margin:0;position:relative;top:15%}.service-box h1{font-size:1.5em;margin:0;position:relative}@media screen and (max-width:1500px){.service-box{width:75%}}@media screen and (max-width:1080px){.service-box p{font-size:2.5em}.services-content p{font-size:1.2em}.service-img-style{height:10vh}.service-heading{top:0}.service-heading h1{font-size:1.2em}.service-information{top:5%}}@media screen and (max-width:900px){.service-down-items{width:75%}.service-box{width:100%}.service-box p{font-size:2em}}@media screen and (max-width:800px){.services-heading h1{font-size:3em}.services-content{font-size:.75em}.services-items{gap:5;height:50vh;top:10%}.service-appdesign,.service-videodesign,.service-webdesign,.service-webdev{height:25vh;overflow:hidden;width:33%}.service-img-style{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.service-information{top:0}.service-down-container{top:25%}}@media screen and (max-width:550px){.services-container{height:60vh}.services-heading h1{font-size:2.3em}.services-items{top:15%}.service-appdesign,.service-videodesign,.service-webdesign,.service-webdev{height:25vh;width:40%}.service-image{height:6vh}.service-heading{margin:auto;top:2%;width:95%}.service-heading h1{font-size:1em;text-align:center}.service-information{top:2%}.service-information p{font-size:.89em;text-align:center}.service-down-container{height:17vh;top:20%}.service-down-items{width:100%}.service-box{height:15vh;width:100%}.service-box p{font-size:1.5em;text-align:center}.service-box h1{font-size:1.25em;text-align:center}}@media screen and (max-width:550px) and (max-height:730px){.service-heading{margin:auto;top:10%;width:95%}.service-heading h1{font-size:1em;text-align:center}.service-information{top:10%}.service-information p{font-size:.89em;text-align:center}}.contact-wrapper{background-color:#e5dfdf;display:flex;height:100vh;margin:0;position:relative;width:100%}.contact-border-line{background-color:#1a4645;height:100vh;width:20px}.contact-sections{display:flex;height:90vh;justify-content:space-evenly;margin:auto;overflow:hidden;position:relative;width:90%}.contact-left-form-section{height:100%;width:65%}.left-section-desc{height:10vh;margin:auto;position:relative;top:10%;width:75%}.left-section-desc p{font-size:1.1em;margin:0}.left-form{height:60vh;line-height:5em;margin:auto;position:relative;top:20%;width:75%}.user-basic-info{display:flex;justify-content:space-between}.form-subject{position:relative;top:5%}.form-email,.form-name{width:48%}.form-email,.form-name,.form-subject-input{border:none;border-bottom:2px solid #000;height:6vh;outline:none}.form-subject-input{width:99%}.form-text-input{border:none;border-bottom:2px solid #000;outline:none}textarea{box-sizing:border-box;width:100%}.btn-msg{display:flex;justify-content:space-evenly;max-height:5vh;width:100%}.form-submit{background-color:#1a4645;border:none;color:#e5dfdf;cursor:pointer;height:100%;outline:none;padding:13px 20px;position:relative;top:0;width:20%}.msg-display{font-size:1.1em;font-weight:700;height:100%;text-align:center;width:80%}.form-submit:hover{background-color:#e5dfdf;border:2px solid #1a4645;color:#1a4645}.contact-right-form-section{display:flex;flex-direction:column;justify-content:space-evenly;max-height:90vh;width:34%}.contact-me-heading{margin:0 auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-me-heading h1{color:#000;font-family:Moon Dance,cursive;font-size:4em;margin:0;text-transform:capitalize}.contact-right-part{background-color:#1a46453d;height:50vh;position:relative;width:100%}.right-section-heading{margin:auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.right-section-heading h1{font-size:1.75em;margin:0}.right-section-links{align-items:center;display:flex;flex-direction:row;height:90%;justify-content:space-evenly;position:relative;width:100%}.right-section-links p{color:#000;margin:0}.right-section-links a{color:#000;text-decoration:none}.email-link,.github-link,.linkedin-link{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;text-align:center;width:15%}.email-image,.github-image,.linkedin-image{border-radius:50%;margin:auto;overflow:hidden;width:80%}.connect-mobile-version{display:none}@media screen and (max-width:800px){.msg-display{font-size:.8em}}@media screen and (max-width:1000px){.left-form{height:60vh}.contact-sections{height:95vh}.contact-right-form-section{display:none}.contact-left-form-section{margin:auto;width:95%}.connect-mobile-version{display:block}.contact-me-heading-mob{margin:0 auto;position:relative;top:5%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.left-section-desc{top:8%}.left-form{top:10%}.contact-me-heading-mob h1{color:#000;font-family:Moon Dance,cursive;font-size:3em;margin:0;text-transform:capitalize}.user-basic-info{flex-direction:column;gap:10px}.form-email,.form-name{width:100%}.contact-right-part-mob{height:10vh;margin:auto;position:relative;top:8%;width:85%}.right-section-links-mob{display:flex;flex-direction:row;height:6vh;justify-content:space-evenly;margin:auto;text-align:center;width:100%}.email-link,.github-link,.linkedin-link{height:50px;width:50px}.msg-display{line-height:2}.form-submit{padding:15px 10px}}.skill-section{background-image:linear-gradient(45deg,#1a4645 25%,#e5dfdf 0,#e5dfdf 50%,#1a4645 0,#1a4645 75%,#e5dfdf 0,#e5dfdf);background-size:565.69px 565.69px;height:100vh;margin:0;width:100%}.skill-container{background-color:#1a4645;box-shadow:0 0 15px 3px rgba(0,0,0,.6);height:85vh;left:50%;position:relative;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}.skill-section-heading{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto;position:relative;text-align:center;top:5%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.skill-section-heading h1{color:#e5dfdf;font-family:Moon Dance,cursive;font-size:4em;margin:0;text-transform:capitalize}.skills-items{height:65vh;margin:auto;position:relative;top:10%;width:80%}.skill-items-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-evenly;width:100%}.skill-item-box{background-color:#e5dfdf;box-shadow:0 0 5px #000;height:30vh;width:18%}.skill-item-box:hover{box-shadow:0 0 20px #000;transition:.5s ease-in-out}.skill-item-box-logo{height:20vh;margin:auto;position:relative;top:2%;width:80%}.skill-item-box-logo img{height:100%;width:100%}.skill-item-box-name{margin:auto;position:relative;text-align:center;top:3%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.skill-item-box-name h1{color:#000;font-size:1.25em;margin:0;padding:0}@media screen and (max-width:1000px){.skill-item-box{height:25vh}.skill-item-box-logo{height:15vh}.skill-item-box-name{top:3%}}@media screen and (max-width:900px){.skill-item-box{height:21vh;width:19%}.skill-item-box-logo{height:15vh}.skill-item-box-name h1{font-size:1em}}@media screen and (max-width:500px){.skills-items{width:100%}.skill-items-container{gap:5px}.skill-item-box{height:15vh;width:25%}.skill-item-box-logo{height:10vh}.skill-section-heading h1{font-size:2.5em}.skill-item-box-name h1{font-size:.75em}}.resume-wrapper{background-color:#183f3f;height:100vh;width:100%}.resume-exp{overflow-y:scroll}.resume-heading{color:#e5dfdf;line-height:2.5em;margin:auto;position:relative;text-align:center;top:8%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.resume-heading h1{font-family:Moon Dance,cursive;font-size:4em;margin:0}.resume-heading p{margin:0}.resume-content{height:90vh;margin:auto;position:relative;top:13%;width:80%}.resume-exp-edu-section{display:flex;justify-content:space-evenly;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.resume-edu,.resume-exp{background-color:hsla(0,13%,85%,.329);height:70vh;width:43%}.exp-heading{border-bottom:2px solid gray;color:#e5dfdf;left:3%;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.exp-content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;top:5%;width:80%}.exp-heading h1{font-size:1.5em;margin:0}.exp-place-heading{border-bottom:2px solid gray;color:#e5dfdf;left:5%;position:relative;width:100%}.exp-place-heading h1{font-size:1.25em;margin:0}.exp-place-content{left:5%;position:relative}.exp-place-content p{color:#e5dfdf;color:#000;font-size:.9em;font-weight:500;margin:8px 10px;text-transform:capitalize}.exp-place-content ul{display:flex;flex-direction:column}.resume-info{text-transform:none}.resume-info,.resume-info-heading{font-size:.8em}@media screen and (max-width:700px){.resume-heading{line-height:2em}.resume-heading h1{font-size:3em}.resume-exp-edu-section{flex-direction:column;gap:10px;justify-content:space-between;overflow-y:scroll;top:5%}.resume-edu,.resume-exp{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.exp-heading h1{font-size:1.1em}.exp-place-heading h1{font-size:1em}.exp-content{width:90%}.exp-place-content p{margin:7px 10px}}@media screen and (max-width:400px) and (max-height:800px){.exp-place-content p{font-size:.8em}}.footer-container,.footer-wrapper{height:5vh;width:100%}.footer-container{background-color:#072727}.footer-content{margin:auto;position:relative;top:10%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer-container p{color:#e5dfdf;font-size:1.25em;margin:0}
/*# sourceMappingURL=main.03f8c478.css.map*/