*,:after,:before{box-sizing:border-box}:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Solid";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Regular";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Light";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Thin";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4f4f4f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.collasping{height:0;overflow:hidden;transition:height .35s ease}.header{background:#54b689;color:#fff;height:100vh;left:0;overflow-y:auto;position:fixed;scrollbar-color:rgba(0,0,0,.2) #54b689;scrollbar-width:thin;top:0;width:280px}.header .blog-name{color:#fff;font-size:1.5rem;font-weight:700}.header .navbar{padding:1.5rem 1rem}@media (max-width:991.98px){.header{height:auto;position:static;width:inherit}.header .blog-name{left:0;position:absolute;top:1.2rem;width:100%}.header .navbar{padding:1rem}}.filters{font-size:.875rem;list-style:none}.filters .type{color:#8f8f8f;cursor:pointer;display:inline-block;font-weight:700;margin-right:2rem;padding:.275rem .25rem}.filters .type.active{border-top:2px solid #54b689}.single-col-max-width{max-width:820px}.cta-section .heading{font-size:2rem;font-weight:700}.skill-icons{box-sizing:initial;height:auto;overflow:visible;vertical-align:-.125em;width:35px}a.theme-link{color:#292929;text-decoration:underline;text-decoration-color:rgba(41,41,41,.3)}.resume-section-heading:before,.section-title:before{background:#54b689;content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;width:5px}.social-list a{background-color:#fff;border-radius:50%;color:#54b689;display:inline-block;height:32px;padding-top:5px;text-align:center;width:32px}.social-list a:hover{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4f4f4f}.btn-success{background-color:#54b689;border:none}.contact-list a{color:#54b689;margin:auto 15px}.contact-icons{font-size:1.5em}.contact-icons:hover{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4f4f4f}.btn{font-size:1rem;font-weight:700;height:2.5rem;outline:none;padding:.375rem 1rem}.btn-outline-secondary{background:rgba(0,0,0,.3);border-color:transparent;color:#fff;font-size:1rem}.theme-bg-light{background:#fafafa!important}.profile-section .profile-image{max-width:160px}.header .nav-item{font-weight:700}.profile-teaser .name{font-size:3rem}.profile-teaser .tagline{font-size:1.5rem;font-weight:300}.profile-teaser .profile-image{height:300px;max-width:300px}@media (min-width:992px){.profile-teaser .profile-image{max-width:250px}}@media (min-width:1200px){.profile-teaser .profile-image{max-width:400px}}.section-title{font-size:2rem;padding-left:1.5rem;position:relative}.overview-section .item{margin-bottom:2rem}.fa-js-square{color:#f1de4f}.fa-html5{color:#de6e3c}.fa-css3-alt{color:#53a7dc}.fa-sass{color:#c253a1}.fa-react{color:#62d4fa}.fa-angular{color:red}.fa-node-js{color:#54b689}.fa-mongodb{color:#1b6b46}.si-express{color:#ffc107}.fa-npm{color:#cb3837}.si-redux{color:#764abc}.si-MUI{color:#0081cb}.fa-bootstrap{color:#563d7c}.overview-section .item-title{font-size:1rem}.si-ts-square{color:#1976d2}.si-cs-round{color:#184896}.si-tailwind{color:#56a87f}.si-dotnet{color:#184896}.si-graphql{color:#c253a1}.project-card{background:#fafafa;border:1px solid rgba(0,0,0,.025);border-radius:0;height:100%;position:relative}.card-img{border-radius:0;height:100%}.project-card .card-img-holder{max-height:200px;overflow:hidden;vertical-align:middle}.project-card .card-title{font-size:1.125rem}.project-card .link-mask{height:100%;left:0;position:absolute;top:0;transition:all .4s ease-in-out;visibility:hidden;width:100%}.project-card .link-mask .link-mask-link{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.project-card .link-mask-text{color:#fff;display:none;height:100%;left:0;position:absolute;text-align:center;top:0;vertical-align:middle;width:100%}.project-card .link-mask-text .btn{margin-top:-20px;position:relative;top:50%}.filters .type.active{border-top:4px solid #54b689;color:#54b689;font-weight:700}.dark-mode-toggle .toggle+.toggle-btn:after{background:hsla(0,0%,100%,.4);border-radius:16px;content:"";left:0;transition:all .2s ease-in-out}.overview-section .item-desc{color:#4f4f4f;font-size:.875rem}.dark-mode-toggle .toggle+.toggle-btn:after,.dark-mode-toggle .toggle+.toggle-btn:before{content:"";display:block;height:100%;position:relative;width:50%}.header .btn-primary{background:rgba(0,0,0,.3);border-color:transparent;font-size:1rem}.main-wrapper{background:#fff;margin-left:280px}@media (max-width:992px){.main-wrapper{margin-left:0}}.resume-container{max-width:1140px}.resume-name{color:#54b689;font-size:2.75rem;font-weight:900;letter-spacing:.4rem}.resume-contact{border-left:1px solid rgba(0,0,0,.08);font-size:.75rem}a.resume-link{color:#4f4f4f}.resume-profile-image{max-width:120px}.resume-aside{border-left:1px solid rgba(0,0,0,.08)}.resume-section-heading{color:#54b689;font-size:1.125rem;letter-spacing:.15rem;padding-left:1rem;position:relative}.item-heading{justify-content:space-between}.item-meta,.item-title{width:auto}@media (max-width:768px){.resume-aside,.resume-contact{border-left:none}.resume-aside{border-top:1px solid rgba(0,0,0,.08)}.resume-list{padding:0}.item-meta{display:flex;justify-content:center}.resume-section-heading:before,.section-title:before{display:none}.item-heading{flex-direction:column}}.resume-profile-image{border-radius:50%}.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{background-color:#282c34;color:#fff;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)}}.resume-wrapper{border:1px solid rgba(0,0,0,.025)}@media (max-width:768px){.App{text-align:center}}
/*# sourceMappingURL=main.a631459d.css.map*/