.App{text-align:center;width:100%;overflow-x:hidden}.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(.625rem + 2vmin);color:#fff}.App-link{color:#09d3ac}.dark-mode{background-color:#171c28;color:#fff;transition:"0.1s"}.headroom-wrapper{max-height:100px}.dark-menu{background-color:#171c28!important;color:#fff}.dark-menu li a{color:#fff!important}.dark-menu li a:hover{background-color:#55198b!important}.dark-menu .logo-name{font-family:UbuntuMono Regular;font-weight:700;font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures;padding:0 10px;color:#fff!important}.header{background-color:#fff;max-width:100%;padding:15px 20px;margin:0 auto}.header ul{margin:0;padding:0;list-style:none;overflow:hidden}.grey-color{color:#868e96}.header li a{display:block;padding:15px 20px;color:#000;text-decoration:none}.header li a:hover,.header .menu-btn:hover{background-color:#f4f4f4}.header .logo{display:block;flex:none;float:left;font-size:1.5em;text-decoration:none;margin-top:10px;line-height:normal}.header .logo-name{font-family:UbuntuMono Regular;font-weight:700;font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures;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;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-dark{background:#fff}.header .menu-icon .navicon:before,.header .menu-icon .navicon:after{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon-dark:before,.header .menu-icon .navicon-dark:after{background:#fff!important;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:486px}.header .menu-btn:checked~.menu-icon .navicon{background:transparent!important}.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:before,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after{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}}.switch{position:relative;display:inline-block;width:50px;height:26px}input{transform:scale(.5)}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:28px;left:0;bottom:0;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:#2196f3}input:checked+.slider:before,input:checked+.slider>.emoji{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px;display:flex;align-items:center}.slider.round:before{border-radius:50%;display:grid;place-items:center}.slider:after{display:inline;position:absolute;right:9.3%;bottom:17.5%}input:checked+.slider:after{display:inline;position:absolute;right:56.3%;bottom:14.5%}.emoji{z-index:10;display:flex;align-items:center;margin-left:2px}@media all and (max-width: 786px) and (min-width: 425px){input:checked+.slider:after{right:60.3%;bottom:20.5%}.slider:after{right:15.3%;bottom:22.5%}}@media all and (max-width: 2560px) and (min-width: 1552px){.slider:after{bottom:12.5%!important}}@media all and (max-width: 1552px) and (min-width: 1440px){.slider:after{bottom:7.5%!important}}.main{width:90%;padding:20px 10px;margin:0 auto;margin-top:4rem}.greet-main{width:90%;padding:20px 10px;margin:0 auto;margin-top:2rem}.greeting-main{display:flex;justify-content:space-between;gap:8rem}.greeting-text-div{display:flex}.subTitle{color:#868e96!important}.greeting-main>*{flex:1;margin-bottom:30px}.empty-div{margin-bottom:40px}.button-greeting-div{display:flex;margin-top:40px}.download-link-button{text-decoration:none}.greeting-text{font-size:70px;line-height:1.1;color:#000!important}.greeting-text-dark{font-size:70px;line-height:1.1;color:#fff!important}.greeting-text-p{font-size:30px;line-height:40px}.greeting-image-div>img{max-width:100%;height:auto}.wave-emoji{animation-duration:1.8s;animation-iteration-count:infinite;animation-name:wave;display:inline-block;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}@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}.greeting-image-div{height:256px}}@media (max-width: 320px){.main{width:auto}}.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;margin:0 5px 10px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2.6rem;transition:.2s ease-in}.facebook i{background-color:#3b5998}.linkedin i{background-color:#0e76a8}.github i{background-color:#333}.google i{background-color:#ea4335}.instagram i{background-color:#c13584}.google i:hover,.github i:hover,.linkedin i:hover,.facebook i:hover,.instagram i:hover{background-color:#000}@media (max-width: 768px){.social-media-div{text-align:center}}.main-button{background-color:#55198b;border:solid 1px #55198b;color:#fff;font-weight:700;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:1rem;cursor:pointer;transition:all .3s ease-in-out 0s}.main-button:hover{background-color:#fff;color:#55198b;transition:all .3s ease 0s;transform:translateY(-3px)}.project-button{display:flex;justify-content:center;margin-top:20px}.project-button>.main-button{margin-right:0!important}@media (max-width: 768px){.main-button{font-size:.938rem;padding:12px 18px;margin-right:0}}@media (max-width: 320px){.main-button{font-size:.75rem}}.skills-main-div{margin-top:100px;display:flex;width:100%;overflow:hidden}.skills-text-div{margin-left:50px}.skills-main-div>*{flex: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-text-subtitle-dark{font-size:16px;text-align:center;color:#fff}.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}.software-skill-inline-dark{display:inline-block;margin-right:20px;margin-bottom:20px;color:#fff}.software-skill-inline-dark>i{color:#fff}.software-skill-inline-dark>i:hover{color:#645beb}.software-skill-inline-dark>p{color:#fff;font-size:10px}.software-skill-inline-dark>i:hover~p{color:#645beb}.meter{height:20px;position:relative;background:#f3efef;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px}.meter>span{display:block;height:100%;border-radius:20px 6px 6px 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:0 auto;margin-top:2rem}.skills-container>*{flex:1;margin-top:100px;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{display:none;order:2}}@media (max-width: 768px){.skills-container{flex-direction:column}.skills-bar{line-height:3rem;margin:20px}.skills-image{display:none;order:2}}.education-heading{font-size:56px;font-weight:400}.education-section{display:flex;flex-direction:column;width:90%;padding:20px 0;margin:0 auto;margin-top:2rem}.education-section>*{flex:1;margin-bottom:30px}.education-card-container{display:flex;flex-direction:column;padding-top:20px}@media (max-width: 1380px){.education-card-container{padding-top:0}.education-heading{font-size:40px}.education-text-subtitle{font-size:18px;text-align:center}}@media (max-width: 768px){.education-card-container{padding-top:0}.education-heading{font-size:30px;text-align:center}.education-text-subtitle{font-size:16px}}.education-card{display:flex;flex-direction:row}.education-card:hover+.education-card-border{border-color:#a9a7f9;width:100%;-webkit-transition:width .6s ease-in-out;-moz-transition:width .6s ease-in-out;-o-transition:width .6s ease-in-out;transition:width .6s ease-in-out}.education-card-border{height:30px;width:80%;border-top:2px solid rgba(211,211,211,.397);margin-bottom:20px;-webkit-transition:width .6s ease-in-out;-moz-transition:width .6s ease-in-out;-o-transition:width .6s ease-in-out;transition:width .6s ease-in-out}.education-head{display:flex;flex-direction:row}.education-text-school{margin:0;font-size:28px;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:27px}.education-roundedimg{object-fit:cover;margin-right:2rem;width:6rem;height:6rem;box-shadow:0 .5rem 1rem #0000004d;border-radius:50%}.education-card-right{max-width:70%}.education-text-subHeader{color:#000;font-weight:700;font-size:19px;margin:0;padding-top:.8rem;line-height:normal}.education-text-subHeader-dark{color:#fff;font-weight:700;font-size:19px;margin:0;padding-top:.8rem;line-height:normal}.education-text-duration{color:#000;font-size:19px;margin:0;padding-top:.5rem}.education-text-duration-dark{color:#fff;font-size:19px;margin:0;padding-top:.5rem}.education-text-desc{margin-top:.5rem;margin-bottom:.5rem}.education-text-bullets>ul{margin-top:.5rem}@media (max-width: 1380px){.education-card{flex-direction:column;padding-bottom:10px}.education-card-right{max-width:90%}.education-card-border{width:90%}.education-text-subHeader,.education-text-subHeader-dark{padding-top:.5rem;font-size:16px}.education-text-school{font-size:20px;height:23px}.education-text-duration,.education-text-duration-dark{font-size:16px}.education-roundedimg{width:4rem;height:4rem;margin-bottom:.5rem;margin-right:0}}@media (max-width: 768px){.education-card{text-align:center}.education-card-right{max-width:100%}.education-card-border{width:100%}.education-roundedimg{margin-top:10px;width:4rem;height:4rem;margin-bottom:1rem;margin-right:0}.education-text-bullets>ul{max-width:80%;margin:auto}}.experience-cards-div{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem 1rem}.experience-heading{font-size:56px;font-weight:400}.experience-container{display:flex;width:90%;padding:20px 10px;margin:0 auto;margin-top:2rem}.experience-container>*{flex: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:#0003 0 10px 30px -15px;border-radius:10px;border:1px solid rgba(211,211,211,.397);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.experience-card-dark{position:relative;background-color:#171c28;box-shadow:0 10px 30px -15px #d9dbdf;border-radius:10px;border:1px solid rgba(211,211,211,.397);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .25s ease}.experience-card:hover{box-shadow:#0003 0 20px 30px -10px}.experience-card-dark:hover{box-shadow:#d9dbdf 0 20px 30px -10px}.experience-banner{background-position:center;background-repeat:no-repeat;background-size:150%;background:linear-gradient(#000000b3,#00000080);border-radius:10px 10px 0 0;-webkit-filter:blur(0px);-moz-filter:blur(0px);-o-filter:blur(0px);-ms-filter:blur(0px);filter:blur(0px);height:11rem;display:flex;align-items:flex-end;justify-content:center}.experience-blurred_div{position:absolute;background:linear-gradient(#0006,#0003);-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 #0000004d;border-radius:50%}.experience-text-role{text-align:center;color:#000;font-weight:700;font-size:25px;margin:0;padding-top:1.5rem;line-height:normal}.dark-mode-text{color:#fff!important}.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-role,.experience-text-company{font-size:22px}.experience-text-date{font-size:18px}.experience-text-desc{font-size:16px}}.card-title{color:#000;font-size:22px;line-height:24px;font-weight:700;margin:40px 0 0}.card-title-dark{color:#fff;font-size:22px;line-height:24px;font-weight:700;margin:15px 0 0}.card-subtitle{color:#666;font-size:17px;line-height:1.5rem}.card-subtitle-dark{color:#fff;font-size:17px;line-height:1.5rem}.project-card{display:flex;flex-direction:column;background-color:#fff;padding:1.5rem;border-radius:10px;border:1px solid rgba(211,211,211,.397);justify-content:center}.project-card-dark{display:flex;flex-direction:column;background-color:#171c28;padding:1.5rem;border-radius:10px;border:1px solid rgba(211,211,211,.397);justify-content:center}.project-card-light{box-shadow:#0003 0 10px 30px -15px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.project-card-dark{box-shadow:0 10px 30px -15px #d9dbdf;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .25s ease}.project-detail{margin:30px 0 0;text-align:center}.project-card-light:hover{box-shadow:#0003 0 20px 30px -10px}.project-card-dark:hover{box-shadow:0 20px 30px -10px #d9dbdf}.project-image{position:relative;height:250px;overflow:hidden;display:flex;justify-content:center;align-items:center}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem 1rem}.project-card-footer span.project-tag{background:#55198b;color:#f5f2f4;vertical-align:middle;align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;height:2em;justify-content:center;white-space:nowrap;line-height:1.5;margin:0 .5rem .5rem 0;padding:0 .75em;cursor:pointer;transition:.2s ease-in}@media (max-width: 768px){.project-subtitle{font-size:16px;text-align:center}}.achievement-heading{font-size:56px;font-weight:400;line-height:normal;margin:0}.achievement-subtitle{text-transform:uppercase;margin:0 0 50px}.subTitle{color:#868e96}.subTitle-dark{color:#fff}@media (max-width: 1380px){.achievement-heading{font-size:40px}}@media (max-width: 768px){.achievement-heading{font-size:30px;text-align:center}.achievement-subtitle{font-size:16px;line-height:normal;text-align:center}}.card-image{max-width:100%;height:auto;width:250px}.card-title{color:#000;font-size:1.375rem;line-height:24px;font-weight:700;margin:15px 0 0}.card-title-dark{color:#fff;font-size:1.375rem;line-height:24px;font-weight:700;margin:15px 0 0}.card-subtitle{color:#666;font-size:1.063rem;line-height:1.5rem}.card-subtitle-dark{color:#fff;font-size:1.063rem;line-height:1.5rem}.certificate-card{background-color:#fff;box-shadow:#0003 0 10px 30px -15px;padding:1.5rem;border-radius:10px;border:1px solid rgba(211,211,211,.397);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.certificate-card-dark{background-color:#171c28;box-shadow:0 10px 30px -15px #d9dbdf;padding:1.5rem;border-radius:10px;border:1px solid rgba(211,211,211,.397);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.certificate-detail-div{text-align:center}.certificate-card:hover{box-shadow:#0003 0 20px 30px -10px}.certificate-card-dark:hover{box-shadow:0 20px 30px -10px #d9dbdf}.dark-mode.certificate-card:hover{box-shadow:#fff3 0 20px 30px -10px}.certificate-image-div{position:relative;height:250px;overflow:hidden;display:flex;justify-content:center;align-items:center}.achievement-cards-div{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem 1rem}.certificate-card-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.certificate-card-footer span.certificate-tag{background:#55198b;color:#f5f2f4;vertical-align:middle;align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;height:2em;justify-content:center;white-space:nowrap;line-height:1.5;margin:0 .5rem .5rem 0;padding:0 .75em;cursor:pointer;transition:.2s ease-in}span.certificate-tag:hover{background:#8c43ce}.contact-div-main{display:flex}.dark-mode a{color:#fff}.contact-div-main>*{flex: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:hover,.contact-detail-email: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: 1380px),(max-width: 768px){.contact-title{font-size:56px;font-weight:400;text-align:center}.contact-title{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!important}.dark-mode{color:#fff!important}.footer-div{margin-top:2rem;padding-bottom:1rem}#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 ease-in-out .2s}@font-face{font-family:UbuntuMono Regular;font-style:normal;font-weight:400;src:local("UbuntuMono Regular"),url(/assets/UbuntuMono-Regular-DzXu_g2L.woff) format("woff");font-display:swap}@font-face{font-family:Montserrat;src:local("Montserrat"),url(/assets/Montserrat-Regular-dKSYcarW.ttf) format("woff");font-display:swap}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{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){html,body{font-size:rem;line-height:normal}}