@font-face{font-family:"Allura Regular";font-style:normal;font-weight:400;src:local("Allura Regular"),url(/static/media/Allura-Regular.f58c84c2.ttf) format("woff");font-display:swap}@font-face{font-family:"Montserrat";src:local("Montserrat"),url(/static/media/Montserrat-Regular.ee653992.ttf) format("woff");font-display:swap}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{scroll-behavior:smooth}body{margin:0;font:19px/23px Montserrat,"Montserrat",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:1380px){body,html{font-size:16px;line-height:normal}}.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:#868e96}.header{max-width:90%;padding:20px 10px;margin:0 auto}.header ul{margin:0;padding:0;list-style:none;overflow:hidden;background-color:#fff}.grey-color{color:#868e96}.header li a{display:block;padding:20px;color:#000;text-decoration:none}.header .menu-btn:hover,.header li a:hover{background-color:#f4f4f4}.header .logo{display:block;float:left;font-size:1.5em;text-decoration:none;margin-top:10px;line-height:normal}.header .logo-name{font-family:"Allura Regular";font-weight:700;font-size:1.2em;padding:0 10px}.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;transition:background .2s ease-out;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 .navicon:after,.header .menu-btn:checked~.menu-icon .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){.header{font-size:12px}}.main{margin:4rem auto 0}.greet-main,.main{width:90%;padding:20px 10px}.greet-main{margin:2rem auto 0}.gretting-main{width:90%;padding:20px 10px;margin:0 auto}.greeting-main{display:flex}.greeting-main>*{flex:1 1;margin-bottom:30px}.button-greeting-div{display:flex;margin-top:20px}.greeting-text{font-size:65px;line-height:1.1}.greeting-text-p{font-size:30px;line-height:40px}.greeting-image-div>img{max-width:100%;height:auto}.wave-emoji{-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:wave;animation-name:wave;display:inline-block;transform-origin:70% 70%}@-webkit-keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@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;text-align:center}.greeting-text-p{font-size:16px;line-height:normal;text-align:center}.greeting-main{display:block}}.social-media-div{font-size:2em}.icon-button{margin-bottom:10px}.icon-button i{color:#fff;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:#c13584}.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:700;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:13px 22px;margin-right:50px;text-transform:uppercase;border-radius:6px;text-align:center;text-decoration:none;display:block;margin-top:20px;font-size:16px;cursor:pointer;transition:all .3s ease-in-out 0s}.main-button:hover{background-color:#fff;color:#000;transition:all .3s ease 0s;transform:translateY(-3px)}.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}}.skills-main-div{display:flex}.skills-text-div{margin-left:50px}.skills-main-div>*{flex:1 1;margin-bottom:30px}.skills-image-div>img{max-width:100%;height:auto}.skills-heading{font-size:56px;font-weight:400}@media (max-width:1380px){.skills-heading{font-size:40px}}@media (max-width:768px){.skills-heading{font-size:30px;text-align:center}.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}}.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}.software-skill-inline>i{color:#868e96}.software-skill-inline>i:hover{color:#645beb}.software-skill-inline>p{color:#868e96;font-size:10px}.software-skill-inline>i:hover~p{color:#645beb}.meter{height:20px;position:relative;background:#f3efef;border-radius:25px}.meter>span{display:block;height:100%;border-top-right-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:20px;border-bottom-left-radius:20px;background-color:#aaa5ff;position:relative;overflow:hidden}.skill{line-height:3.5vw}.skill-bars{font-size:28px;width:40%}.skills-container{display:flex;width:90%;padding:20px 10px;margin:2rem auto 0}.skills-container>*{flex:1 1;margin-bottom:30px}.skills-image>img{margin-left:80px;max-width:90%;height:auto}@media (max-width:1456px){.skills-bar{line-height:4rem}.skills-image{order:2}}@media (max-width:768px){.skills-container{flex-direction:column}.skills-bar{line-height:3rem;margin:20px}.skills-image{display:none;order:2}}.experience-cards-div{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));grid-gap:1rem 1rem;gap:1rem 1rem}.experience-heading{font-size:56px;font-weight:400}.experience-container{display:flex;width:90%;padding:20px 10px;margin:2rem auto 0}.experience-container>*{flex:1 1}@media (max-width:1380px){.experience-heading{font-size:40px}}@media (max-width:768px){.experience-heading{font-size:30px;text-align:center}}.experience-card{position:relative;background-color:#fff;box-shadow:0 10px 30px -15px rgba(0,0,0,.2);border-radius:10px;border:1px solid hsla(0,0%,82.7%,.397)}.experience-card:hover{box-shadow:0 20px 30px -10px rgba(0,0,0,.2)}.experience-banner{background-position:50%;background-repeat:no-repeat;background-size:150%;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.5));border-radius:10px 10px 0 0;-webkit-filter:blur(0);-moz-filter:blur(0);-o-filter:blur(0);-ms-filter:blur(0);filter:blur(0);height:11rem;display:flex;align-items:flex-end;justify-content:center}.experience-blurred_div{position:absolute;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.2));-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);height:11rem;top:0;left:0;width:100%;border-radius:10px 10px 0 0}.experience-div-company{position:absolute;background:transparent;height:9rem;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center}.experience-text-company{padding:1.5rem;margin:0;color:#fff;font-size:25px;text-align:center;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.experience-roundedimg{position:absolute;object-fit:cover;left:0;right:0;top:7rem;margin-left:auto;margin-right:auto;width:8rem;height:8rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.3);border-radius:15%}.experience-text-role{text-align:center;color:#000;font-weight:700;font-size:25px;margin:0;padding-top:1.5rem;line-height:normal}.experience-text-date{text-align:center;color:#000;font-size:20px;margin:0;padding-top:1rem;font-weight:600}.experience-text-desc{text-align:center}.experience-text-details{padding:1.5rem;margin-top:2rem}@media (max-width:1380px){.experience-text-role{padding-top:.5rem;font-size:22px}.experience-text-company{font-size:22px}.experience-text-date{font-size:18px}.experience-roundedimg{width:6.5rem;height:6.5rem}}@media (max-width:768px){.experience-text-company,.experience-text-role{font-size:22px}.experience-text-date{font-size:18px}.experience-text-desc{font-size:16px}}.square{width:440px;height:430px;background:#fff;border-radius:4px;box-shadow:0 20px 50px #d9dbdf;transition:all .3s ease;margin-top:30px}.square:hover{box-shadow:0 20px 40px rgba(0,0,0,.08)}.project-header-text{font-size:56px;font-weight:400}.project-subtitle{text-transform:uppercase}.project-main-div>*{flex:1 1;margin-bottom:30px}.project-main-div{display:flex}.project-image-div>img{max-width:100%;height:auto}.project-text-div{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:32px;gap:32px}@media (max-width:1380px){.project-header-text{font-size:40px}}@media (max-width:768px){.project-header-text{font-size:30px;text-align:center}.project-subtitle{font-size:16px;line-height:normal;text-align:center}}@media screen and (max-width:480px) and (min-width:300px){.project-text-div{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.project-container{border-radius:10px;color:#586069;background-color:#fff;box-shadow:0 0 36px rgba(0,0,0,.1);cursor:pointer;height:200px}.project-title{color:#262626;font-size:22px;line-height:24px;font-weight:700;margin:32px 20px 14px;-webkit-line-clamp:2}.project-title,.small{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.small{font-size:17px;font-weight:400;line-height:20px;color:#666;padding:0 20px;-webkit-line-clamp:4;margin:0}.go-corner{display:flex;align-items:center;justify-content:center;position:absolute;width:32px;height:32px;overflow:hidden;top:0;right:0;background-color:#55198b;border-radius:0 4px 0 32px}.go-arrow{margin-top:-4px;margin-right:-4px;color:#fff;font-family:courier,sans}.project-card{display:block;position:relative;background-color:transparent;border-radius:4px;text-decoration:none;z-index:0;overflow:hidden;height:100%}.project-card:before{content:"";position:absolute;z-index:-1;top:-16px;right:-16px;background:#55198b;height:32px;width:32px;border-radius:32px;transform:scale(1);transform-origin:50% 50%;transition:transform .4s ease-out}.project-card:hover:before{transform:scale(30)}.project-card:hover>.small{transition:all .3s ease-out;color:hsla(0,0%,100%,.8)}.project-card:hover>h3{transition:all .3s ease-out;color:#fff}@media (min-width:925px) and (max-width:1024px),(min-width:1405px) and (max-width:1550px),screen and (max-width:480px) and (min-width:300px){.project-card:hover:before{transform:scale(30)}}@media (min-width:1025px) and (max-width:1404px),(min-width:1551px),screen and (min-width:481px) and (max-width:675px){.project-card:hover:before{transform:scale(40)}.project-card:before{transition:transform .45s ease-out}}@media screen and (min-width:675px) and (max-width:860px){.project-card:hover:before{transform:scale(50)}.project-card:before{transition:transform .5s ease-out}}@media screen and (min-width:860px) and (max-width:924px){.project-card:hover:before{transform:scale(60)}.project-card:before{transition:transform .5s ease-out}}@media screen and (max-width:480px) and (min-width:300px){.project-title{font-size:18px}}.contact-div-main{display:flex}.contact-div-main>*{flex:1 1}.contact-title{font-size:65px;font-weight:400}.contact-detail,.contact-detail-email{margin-top:20px;font-size:40px;font-weight:400;color:#868e96;text-decoration:none}.contact-detail-email:hover,.contact-detail:hover{color:#000;text-shadow:2px 1px 2px #b5b5b5;transition:all .3s}.contact-subtitle{text-transform:uppercase}.contact-text-div{margin-top:1.5rem}.contact-margin-top{margin-top:4rem}.contact-image-div>img{max-width:100%;height:auto;margin-left:1.5rem;margin-top:-4rem}@media (max-width:768px),(max-width:1380px){.contact-title{font-size:56px;font-weight:400;font-size:40px;text-align:center}.contact-subtitle{font-size:16px;line-height:normal;text-align:center}.contact-text-div{text-align:center;margin-top:1.5rem}.contact-detail,.contact-detail-email{font-size:20px}.contact-image-div{display:none}}.footer-text{text-align:center;color:#868e96}.footer-div{margin-top:2rem}#topButton{visibility:hidden;position:fixed;bottom:20px;right:30px;z-index:99;border:none;outline:none;background-color:#55198b;color:#fff;cursor:pointer;padding:15px;border-radius:15px;font-size:25px}#topButton:hover{background-color:#000;transition:all .2s ease-in-out}
/*# sourceMappingURL=main.e7e231ce.chunk.css.map */