body,html{scroll-behavior:smooth}body{margin:0;background:#d5d8dc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@media (max-width:1380px){body,html{font-size:16px;line-height:normal}}.logo_wrapper{height:100vh;width:100vw}.logo_wrapper,.screen{align-items:center;justify-content:center}.screen{height:100%;display:flex;background-color:#000;overflow:hidden;border-radius:25%;-webkit-animation:grow 6.5s forwards;animation:grow 6.5s forwards}@-webkit-keyframes grow{0%{transform:scale(0)}10%{transform:scale(1);border-radius:0;height:100%;width:100%}90%{transform:scale(1);border-radius:0;height:100%;width:100%}to{transform:scale(0);transform-origin:50% 50%;border-radius:25%}}@keyframes grow{0%{transform:scale(0)}10%{transform:scale(1);border-radius:0;height:100%;width:100%}90%{transform:scale(1);border-radius:0;height:100%;width:100%}to{transform:scale(0);transform-origin:50% 50%;border-radius:25%}}#logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.svg_container{width:626px;height:438px;position:relative}.svg_image{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.header{display:block;max-width:90%;padding:20px 10px;margin:0 auto}.header ul{margin:0;padding:0;list-style:none;overflow:hidden}.grey-color{color:#868e96}.header li a{display:block;font-size:20px;padding:20px;text-decoration:none}.header .logo{display:block;float:left;font-size:1.5em;text-decoration:none;margin-top:10px;line-height:normal}.header .logo-name{font-family:"Beth Ellen",cursive;font-weight:700;padding:0 10px;color:#000}.menu{font-family:"Open Sans",sans-serif}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;width:18px}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:370px}.header .menu-btn:checked~.menu-icon .navicon{background:transparent}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}@media (min-width:48em){.header li{float:left}.header{display:flex;align-items:center;justify-content:space-between}.header .menu{max-height:none}.header .menu-icon{display:none}}@media (max-width:960px) and (min-width:768px){.logo-name{font-size:10px}.header{font-size:12px}}@media (max-width:768px) and (min-width:321px){.logo-name{font-size:14px}}@media (max-width:320px){.logo-name,.menu{font-size:12px}}.footer-text{text-align:center;font-weight:700;color:#000;font-family:"Open Sans",sans-serif}.footer-div{margin-top:2rem}.social-media-div{font-size:2em}.icon-button i{color:#fff}.icon-button{margin-bottom:10px}.icon-button i{border-radius:2.6rem;cursor:pointer;display:inline-block;font-size:1.3rem;height:2.6rem;line-height:2.6rem;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2.6rem;margin:0 5px 10px}.facebook i{background-color:#3b5998}.linkedin i{background-color:#0e76a8}.github i{background-color:#333}.gitlab i{background-color:#fca326}.google i{background-color:#ea4335}.twitter i{background-color:#1da1f2}.instagram i{background-color:#e4405f}.facebook i:hover,.github i:hover,.gitlab i:hover,.google i:hover,.instagram i:hover,.linkedin i:hover,.twitter i:hover{background-color:#000;transition:.3s ease-in}@media (max-width:768px){.social-media-div{text-align:center}}.main-button{background-color:#55198b;border:1px solid #55198b;color:#fff;font-weight:500;line-height:1.1;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:13px 22px;margin-right:0;border-radius:6px;text-align:center;text-decoration:none;font-family:"Open Sans",sans-serif;display:block;font-size:18px;cursor:pointer;letter-spacing:2px}.main-button:hover{transition:.3s ease-in}.project-button{display:flex;justify-content:center;margin-top:20px}@media (max-width:768px){.main-button{font-size:15px;padding:12px 18px;margin-right:0}}@media (max-width:320px){.main-button{font-size:12px}}.greet-main{margin:2rem auto 7rem}.greet-main,.gretting-main{width:90%;padding:20px 10px}.gretting-main{margin:2rem auto 0}.portfolio-repo-btn-div{display:flex;margin-top:40px}.button-greeting-div{display:flex;margin-top:20px}.greeting-main{display:flex}.greeting-main>*{flex:1 1;display:block;margin:auto}.greeting-text{margin-top:80px;font-size:70px;line-height:1.1;font-weight:bolder;font-family:"Open Sans"}.greeting-nickname{font-size:30px;line-height:0;font-weight:700;font-style:italic;font-family:"Open Sans";opacity:.55}.greeting-text-p{font-size:40px;line-height:40px;margin-right:40px;font-family:"Open Sans",sans-serif}.greeting-image-div>*{display:block;margin:auto;max-width:100%}@media (max-width:1380px){.greeting-text{font-size:50px}.greeting-text-p{font-size:20px}}@media (max-width:768px){.button-greeting-div{justify-content:space-around}.greeting-text{font-size:30px;margin-top:0;text-align:center}.greeting-nickname{font-size:25px;text-align:center}.greeting-text-p{font-size:16px;margin-right:0;line-height:normal;text-align:center}.greeting-main{display:block}.portfolio-repo-btn-div{width:100%;display:flex;justify-content:center}}.dev-icons{padding-left:0;list-style:none;font-size:3rem;margin-bottom:0;margin-top:0;text-align:center}.software-skill-inline{display:inline-block;margin-right:20px;margin-bottom:20px;font-family:"Open Sans Regular"}.software-skill-inline>i{color:#868e96}.software-skill-inline>i:hover{color:#645beb}.main{width:90%;padding:20px 10px;margin:4rem auto 0}.skills-main-div{display:flex}.skills-header{font-size:60px;line-height:1.1;font-family:"Open Sans",sans-serif;text-align:center;font-weight:700}.skills-text{font-size:20px}.skills-text-div{margin-left:50px;font-family:"Open Sans",sans-serif}.skills-main-div>*{flex:1 1;margin-bottom:30px}.skills-image-div>*{max-width:100%;height:auto;margin-top:100px}.skills-heading{font-size:56px;font-weight:400;font-family:"Open Sans",sans-serif}@media (max-width:1380px){.skills-heading{font-size:40px}.skills-header{font-size:50px}}@media (max-width:768px){.skills-heading{font-size:30px;text-align:center}.skills-header{font-size:30px}.greeting-text-p{font-size:16px;line-height:normal}.skills-main-div{flex-direction:column}.skills-text-div{margin:20px}.skills-text{font-size:16px}.skills-text-subtitle{font-size:16px;text-align:center}.skills-image-div{order:2}.skills-image-div>*{margin-top:0}}.degree-pic{display:block;max-width:100%;max-height:100%;border-radius:50%}.degree-header{font-size:40px;line-height:1.1;font-family:"Open Sans",sans-serif;text-align:center}@media (max-width:1380px){.degree-header{font-size:35px}}@media (max-width:768px){.degree-header{font-size:30px}}.degree-card{display:flex;width:100%;justify-content:center;align-items:center}.card-title{font-size:23px}.card-subtitle,.card-title{font-family:"Open Sans",sans-serif;color:#fff}.card-subtitle{font-size:18px;margin-top:7px;margin-bottom:5px}.card-img{width:200px;height:200px;border-radius:7px;padding:10px;border:1px solid #abb2b9;background-color:#000;box-shadow:5px 5px 5px #abb2b9;vertical-align:middle;text-align:center;position:relative}.certificate-pic{position:absolute;max-width:100%;max-height:100%;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:50%}.body-header{max-width:inherit;display:flex;background-color:#000;border-radius:7px 7px 0 0;padding:10px}.body-header-title{align-items:flex-start;width:80%}.body-header-duration{width:20%}.duration{font-family:"Open Sans",sans-serif;font-size:16px;color:#fff;padding-right:10px;float:right}.body-content{max-width:inherit;border-radius:0 0 7px 7px;padding:5px;justify-content:center;align-items:center}.content-list{padding-left:10px;padding-right:10px;font-family:"Open Sans",sans-serif;overflow-wrap:break-word}.card-body{border-bottom:1px solid #abb2b9;border-left:1px solid #abb2b9;border-right:1px solid #abb2b9;border-radius:7px;width:90%;margin:10px;box-shadow:5px 5px 5px #abb2b9}.visit-btn{display:inline-block;margin:0 10px 10px 0;padding:10px;border-radius:7px;border:0;float:right}@media (max-width:768px){.body-header,.degree-card{flex-direction:column}.body-header-title{width:100%}.body-header-duration{padding:0;margin:0;width:100%}.duration{padding:0;margin:0;float:left}.card-img{width:200px}.card-body{width:100%}.card-title{font-size:20px}.card-subtitle{font-size:16px}}.certs-header{font-size:40px;line-height:1.1;font-family:"Open Sans",sans-serif;text-align:center}.certs-body-div{display:flex;justify-content:space-between;flex-wrap:wrap}@media (max-width:1380px){.certs-header{font-size:35px}}@media (max-width:768px){.certs-body-div{flex-direction:column}.certs-header{font-size:30px}}.basic-education{margin-left:5%;margin-right:5%}.heading-div{display:flex}.heading-div>*{flex:1 1}.heading-img-div{align-items:center;justify-content:center;display:block;margin:auto}.heading-text-div{text-align:center}.heading-img-div>*{max-width:100%;height:auto}.heading-text{font-size:56px;font-weight:700;line-height:3;margin-top:100px}.heading-sub-text,.heading-text{font-family:"Open Sans",sans-serif;text-align:center}.heading-sub-text{font-size:30px}@media (max-width:1380px){.heading-text{font-size:50px;margin-top:80px}.heading-sub-text{font-size:25px}}@media (max-width:768px){.heading-text{font-size:30px;margin-top:20px}.heading-sub-text{font-size:20px}.heading-div{flex-direction:column}}.experience-accord{margin:50px}.br{padding-bottom:0!important}.accord-panel{font-family:"Open Sans Regular"}@media (max-width:768px){.experience-accord{margin:20px}}.experience-card{width:100%;margin-bottom:20px;border-radius:10px;display:flex;flex-direction:row}.experience-card-logo-div{margin:10px;display:flex;align-items:center;justify-content:center}.experience-card-body-div{width:100%}.experience-card-header-div{display:flex;flex-direction:row}.experience-card-logo{width:70px}.experience-card-title{font-family:"Open Sans Regular";margin:10px 7px 2px 0;text-align:left}.experience-card-company{font-family:"Open Sans Regular";margin:0;text-align:left}.experience-card-duration{font-family:"Open Sans Regular";margin:10px 0 2px;text-align:right;color:#000}.experience-card-heading-left{float:left;margin-left:10px;margin-right:auto}.experience-card-heading-right{float:right;margin-left:auto;margin-right:10px}.experience-card-location{font-family:"Open Sans Regular";margin:0;text-align:right;color:#868e96}.experience-card-description{margin-top:5px;margin-left:10px;text-align:justify;margin-right:20px;font-family:"Open Sans Regular"}.experience-card-company>a{position:relative;color:#000;text-decoration:none}.experience-card-company>a:hover{color:#000}.experience-card-company>a:hover:before{visibility:visible;transform:scaleX(1)}.experience-card-company>a:before{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:#000;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out 0s}@media (max-width:768px){.experience-card{margin-bottom:10px;flex-direction:column;text-align:center}.experience-card-logo{width:100px}.experience-card-heading-left,.experience-card-heading-right{float:center;margin-left:auto;margin-right:auto}.experience-card-company,.experience-card-title{text-align:center}.experience-card-duration{margin-top:2px;text-align:center}.experience-card-location{text-align:center}.experience-card-header-div{flex-direction:column}.experience-card-description{margin-left:14px;margin-right:14px;text-align:justify}}.basic-experience{margin-left:5%;margin-right:5%}.experience-heading-div{display:flex}.experience-heading-div>*{flex:1 1}.experience-heading-img-div{align-items:center;justify-content:center;display:block;margin:auto}.experience-heading-text-div{text-align:center}.experience-heading-img-div>*{display:block;max-width:100%;height:auto}.experience-heading-text{font-size:56px;font-weight:700;font-family:"Open Sans Medium";line-height:1.1;text-align:center;margin-top:80px}.experience-heading-sub-text{font-size:30px;font-family:"Open Sans Regular";text-align:center;margin-bottom:10px}.experience-header-detail-text{font-size:20px;line-height:30px;margin-top:0;margin-left:20px;margin-right:20px;font-family:"Open Sans Medium"}@media (max-width:1380px){.experience-heading-text{font-size:50px;margin-top:80px}.experience-heading-sub-text{font-size:25px}}@media (max-width:768px){.experience-heading-text{font-size:30px;margin-top:20px}.experience-heading-sub-text{font-size:20px}.experience-heading-div{flex-direction:column}.experience-header-detail-text{font-size:16px;margin-right:0;line-height:normal;text-align:center}}.basic-projects{margin-left:5%;margin-right:5%}.projects-heading-div{display:flex}.projects-heading-div>*{flex:1 1}.projects-heading-img-div{align-items:center;justify-content:center;display:block;margin:auto}.projects-heading-text-div{text-align:center}.projects-heading-img-div>*{max-width:100%;height:auto}.projects-heading-text{font-size:56px;font-weight:700;line-height:1.1;margin-top:80px}.projects-heading-sub-text,.projects-heading-text{font-family:"Open Sans",sans-serif;text-align:center}.projects-heading-sub-text{font-size:30px;margin-bottom:10px}.projects-header-detail-text{font-size:20px;line-height:30px;margin-top:0;margin-left:20px;margin-right:20px;font-family:"Open Sans",sans-serif}.repo-cards-div-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:1rem 1rem;gap:1rem 1rem;margin-left:40px;margin-right:40px;margin-top:60px}@media (max-width:1380px){.projects-heading-text{font-size:50px;margin-top:80px}.projects-heading-sub-text{font-size:25px}}@media (max-width:768px){.projects-heading-text{font-size:30px;margin-top:20px}.projects-heading-sub-text{font-size:20px}.projects-heading-div{flex-direction:column}.projects-header-detail-text{font-size:16px;margin-right:0;margin-left:0;line-height:normal;text-align:center}.repo-cards-div-main{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-left:10px;margin-right:10px;margin-top:30px}}.dev-icons-languages{padding-left:0;list-style:none;font-size:2rem;margin-bottom:0;margin-top:16px;text-align:left}.software-skill-inline-languages{display:inline-block;margin-right:20px;margin-bottom:0;font-family:"Google Sans Regular"}@media (max-width:768px){.software-skill-inline-languages{margin-right:10px;margin-bottom:0}}.repo-card-div{color:#586069;background-color:#fff;box-shadow:0 10px 30px -15px rgba(0,0,0,.2);padding:2rem;cursor:pointer;background-color:#000}.repo-card-div:hover{box-shadow:0 20px 30px -10px rgba(0,0,0,.2)}.repo-stats{display:flex;justify-content:space-between;font-size:13px;color:#6a737d}.repo-left-stat{flex-grow:1;display:flex}.language-color{width:10px;height:10px;background-color:#00f;margin-right:.25rem;border-radius:100%}.repo-left-stat span{margin-right:.75rem}.repo-left-stat span,.repo-name-div{display:flex;align-items:center}.repo-svg{margin-right:.5rem;min-width:16px}.repo-name{white-space:nowrap;text-overflow:ellipsis;color:#24292e;font-family:"Open Sans Regular";font-size:25px;font-weight:700;letter-spacing:-.5px;overflow:hidden;margin:0}.repo-star-svg{margin-right:.3rem}.repo-description{overflow:hidden;text-align:left;display:-webkit-box;font-family:"Open Sans Regular";-webkit-line-clamp:2;-webkit-box-orient:vertical}.repo-details{display:flex;flex-direction:row}.repo-creation-date{font-family:"Open Sans Regular";font-weight:400;margin:0 auto 0 0}.repo-languages{margin-left:auto;margin-right:0}@media (max-width:768px){.repo-name{font-size:16px}.repo-description{font-size:14px}.repo-details{flex-direction:column}.repo-creation-date{font-size:14px}}.basic-contact{margin-left:5%;margin-right:5%}.blog-heading-div,.contact-heading-div{display:flex}.address-heading-div{display:flex;margin-top:80px}.address-heading-div>*,.blog-heading-div>*,.contact-heading-div>*{flex:1 1}.contact-heading-img-div{display:flex;background-position:50%;background-repeat:no-repeat;overflow:hidden}.blog-heading-img-div,.contact-heading-img-div{align-items:center;justify-content:center}.blog-heading-text-div,.contact-heading-text-div{text-align:center}.address-heading-img-div{align-items:center;justify-content:center}.address-heading-img-div>*{max-width:100%;height:auto;display:block;margin:auto}.address-heading-text-div{text-align:center}.contact-heading-img-div img{max-width:350px;height:auto;border-radius:1000px;-webkit-filter:grayscale(30%);filter:grayscale(30%);border-style:solid;border-width:5px;margin-top:35px}.blog-heading-img-div>*{max-width:100%;height:auto}.contact-heading-text{font-weight:700;margin-top:60px}.blog-heading-text,.contact-heading-text{font-size:56px;font-family:"Open Sans Medium";line-height:1.1;text-align:center}.blog-heading-text{font-weight:400;margin-top:40px}.address-heading-text{font-size:56px;font-weight:400;font-family:"Open Sans Regular";text-align:center;line-height:1.1;margin-top:80px;margin-bottom:10px}.blog-header-detail-text,.contact-header-detail-text{font-size:20px;line-height:30px;margin-top:0;margin-left:20px;margin-right:20px;font-family:"Open Sans Medium"}.resume-btn-div{margin-top:20px}.address-btn-div,.blogsite-btn-div,.resume-btn-div{width:100%;display:flex;justify-content:center}.address-btn-div{margin-top:0}@media (max-width:1380px){.contact-heading-img-div img{max-width:200px;height:auto;border-radius:1000px;-webkit-filter:grayscale(30%);filter:grayscale(30%);border-style:solid;border-width:5px;margin-top:35px;margin-bottom:35px}.address-heading-text{font-size:50px;margin-top:0}.contact-heading-text{font-size:50px;margin-top:60px}.blog-heading-text{font-size:50px;margin-top:40px}}@media (max-width:768px){.blog-heading-text,.contact-heading-text{font-size:30px;margin-top:0}.address-heading-text{font-size:20px}.blog-heading-div{flex-direction:column-reverse;margin-top:60px}.address-heading-div{flex-direction:column;margin-top:20px}.address-heading-text-div,.blog-heading-text-div{margin-top:40px}.contact-heading-div{flex-direction:column}.blog-header-detail-text,.contact-header-detail-text{font-size:16px;margin-left:0;margin-right:0;line-height:normal;text-align:center}}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}.heading{color:#000}.subTitle{color:#212f3d}@-webkit-keyframes fade_down{0%{opacity:.01;transform:translateY(-20px);transition:opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)}to{opacity:1;transform:translateY(0);transition:opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)}}@keyframes fade_down{0%{opacity:.01;transform:translateY(-20px);transition:opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)}to{opacity:1;transform:translateY(0);transition:opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)}}@-webkit-keyframes fade_up{0%{opacity:.01;transform:translateY(20px);transition:opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)}to{opacity:1;transform:translateY(0);transition:opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)}}@keyframes fade_up{0%{opacity:.01;transform:translateY(20px);transition:opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)}to{opacity:1;transform:translateY(0);transition:opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)}}
/*# sourceMappingURL=main.77c38e66.chunk.css.map */