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{height:100%}.flex-container1,.flex-container2{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}@media(max-width:800px){.flex-container2{align-items:center;flex-direction:column}.component-JR{width:100px!important}}.credits-component{justify-content:center}.thank-you-component{flex:4 1;font-size:xx-large;justify-content:left;margin:2%}.img-responsive{height:60%;width:60%}hr{border:200px;border-top:2px solid #393535;display:block;margin:1em 0;padding:0;width:50%}h1{font-family:brush-script-std,sans-serif!important;font-style:normal;font-weight:400}.flex-container3{align-items:center;display:flex;flex-direction:column}.contact-me-component{background-color:#1c2f53;color:#fff;width:100%}.contact-me-header{background-color:#5f9ea0;font-size:xx-large;margin:2%;padding:2%}.social-media-component{background-color:#1c2f53;display:flex;flex-wrap:wrap;height:170px;justify-content:center;width:100%}.flex-container4{display:flex;flex-direction:row;justify-content:center}.component-JR{width:250px}a{color:inherit}.section-main-heading-text{align-self:center;font-size:24px;font-weight:600;letter-spacing:2px;text-transform:uppercase}@keyframes wipe-enter{0%{transform:scale(0,.025)}50%{transform:scaleY(.025)}}@media(prefers-reduced-motion:no-preference){.square-animation{animation:wipe-enter 1s 1}}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-name:headShake;animation-timing-function:ease-in-out}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{animation-name:swing;transform-origin:top center}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{animation-timing-function:ease-out;transform:perspective(400px) rotateY(-1turn)}40%{animation-timing-function:ease-out;transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) translateZ(150px) rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95)}to{animation-timing-function:ease-in;transform:perspective(400px)}}.animated.flip{animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipInY{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutX{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateY(-15deg)}to{opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes lightSpeedIn{0%{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{opacity:1;transform:skewX(-5deg)}to{opacity:1;transform:none}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg);transform-origin:center}to{opacity:1;transform:none;transform-origin:center}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{opacity:1;transform:none;transform-origin:left bottom}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{opacity:1;transform:none;transform-origin:right bottom}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{opacity:1;transform:none;transform-origin:left bottom}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{opacity:1;transform:none;transform-origin:right bottom}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{opacity:1;transform-origin:center}to{opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{opacity:1;transform-origin:left bottom}to{opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{opacity:1;transform-origin:right bottom}to{opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{opacity:1;transform-origin:left bottom}to{opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{opacity:1;transform-origin:right bottom}to{opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{opacity:0;transform:translate3d(0,700px,0)}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{animation-name:slideOutUp}.dashboard-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.section-heading-text{font-size:18px;letter-spacing:1px;padding:0 8px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sh-dark{background-color:#fff;color:#000}.sh-light{background-color:#000;color:#fff}.skills-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px 0 40px;width:100%}.skills-container .skills-logo-container{display:flex;justify-content:center;margin:16px 0}.skills-container .skills-logo-container .skills-logo{display:block;height:auto;max-width:100%;width:min(520px,72vw)}.skills-container .skills-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;width:min(1100px,100% - 32px)}@media(max-width:820px){.skills-container .skills-cards{grid-template-columns:1fr}}.skills-container .skill-card{border:1px solid #94a3b838;border-radius:22px;padding:20px 18px 18px;transition:transform .2s ease,box-shadow .2s ease}.skills-container .skill-card-light{background:#ffffffad;box-shadow:0 8px 28px #0f172a0d}.skills-container .skill-card-dark{background:#0f172a5c;box-shadow:0 8px 28px #02061742}.skills-container .skill-card:hover{transform:translateY(-2px)}.skills-container .skill-card__header{font-size:.92rem;font-weight:700;letter-spacing:.12em;margin-bottom:18px;opacity:.78;text-transform:uppercase}.skills-container .skill-card__grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:620px){.skills-container .skill-card__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.skills-container .skill-tile{align-items:center;background:#94a3b814;border:1px solid #94a3b81f;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:118px;padding:16px 10px;text-align:center;transition:background .2s ease,border-color .2s ease}.skills-container .skill-tile:hover{background:#60a5fa14;border-color:#60a5fa47}.skills-container .skill-tile__icon{align-items:center;display:flex;height:52px;justify-content:center;margin-bottom:10px;width:52px}.skills-container .skill-tile__icon svg{display:block;height:100%;width:100%}.skills-container .skill-tile__label{color:inherit;font-size:.8rem;font-weight:600;letter-spacing:.01em;line-height:1.4}.skills-container .skills-foundation{background:#94a3b80a;border:1px solid #94a3b833;border-radius:18px;margin-top:24px;padding:16px 18px 18px;width:min(1100px,100% - 32px)}.skills-container .skills-foundation__header{font-size:.8rem;font-weight:700;letter-spacing:.14em;margin-bottom:14px;opacity:.8;text-transform:uppercase}.skills-container .skills-foundation__row{display:flex;flex-wrap:wrap;gap:10px}.skills-container .skills-foundation__pill{align-items:center;background:#3b82f614;border:1px solid #60a5fa38;border-radius:999px;color:inherit;display:inline-flex;font-size:.76rem;font-weight:600;justify-content:center;letter-spacing:.02em;padding:8px 12px}@media(max-width:767px){.skills-container .skills-cards{gap:18px;width:min(100%,100% - 24px)}.skills-container .skill-card{padding:16px 12px}.skills-container .skill-card__grid{gap:10px}.skills-container .skill-tile{min-height:98px;padding:12px 8px}.skills-container .skill-tile__label{font-size:.72rem}.skills-container .skills-foundation{padding:14px 12px 16px;width:min(100%,100% - 24px)}.skills-container .skills-foundation__pill{font-size:.7rem;padding:7px 10px}}.mode-toggle-container{color:#fff;position:absolute;right:1%;top:5%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mode-toggle-icon{height:50px;width:50px}.display-pic-container{align-self:center}.display-pic-container,.display-pic-container .dp-icon{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.display-pic-container .dp-icon{border-radius:50%;height:200px;width:200px}.resume-download{align-self:flex-end;background:#6b33ae;color:#fff;cursor:pointer;display:flex;padding:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.resume-text{letter-spacing:2px;margin-right:8px}.about-me-container{align-items:center;display:flex;flex-direction:column;margin:24px;padding:5%}.about-me-container .circle-shadow{border-radius:100%;height:10px;margin-bottom:32px;opacity:.5;width:150px}.about-me-container .about-me-heading{align-self:flex-start}.about-me-container .am-description-container{margin-bottom:16px}.about-me-container .am-description-container .am-desc{line-height:1.7;margin:12px 0}.about-me-container .am-description-container .stat-highlight{background:#e1b852;border:1px solid #fbbf2480;border-radius:999px;box-shadow:0 0 0 1px #fbbf241f;color:#111827;display:inline-block;font-size:.96em;font-weight:700;letter-spacing:.02em;padding:2px 8px;transform:translateY(-1px)}.am-dark{box-shadow:0 1px 12px -2px #f4f4f540,0 3px 7px -3px #0000004d}.am-dark .circle-shadow{background-color:hsla(0,0%,100%,.439);box-shadow:0 1px 12px -2px #f4f4f540,0 11px 4px 9px #0000004d}.am-dark .stat-highlight{background:#fbbf24;border-color:#fbbf24cc;color:#111827}.am-light{box-shadow:0 6px 12px -2px #32325d40,0 3px 7px -3px #0000004d}.am-light .circle-shadow{background-color:rgba(8,0,0,.569);box-shadow:0 6px 12px -2px #32325d40,0 3px 7px 3px #0000004d}.am-light .stat-highlight{background:#fbbf24;border-color:#fbbf24b3;color:#111827}.view-more-container{display:flex;flex-direction:column}.view-more-container .view-more-button{align-items:center;align-self:center;display:flex}.key-impact-section{box-sizing:border-box;max-width:1280px;padding:16px 24px 32px;width:100%}.key-impact-section .key-impact-heading{margin-bottom:28px}.key-impact-section .impact-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.key-impact-section .impact-card{align-items:center;border:1px solid #ffffff1f;border-radius:20px;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;padding:24px 20px 20px;transition:transform .2s ease,box-shadow .2s ease}.key-impact-section .impact-card:hover{transform:translateY(-2px)}.key-impact-section .impact-card-content{text-align:center;width:100%}.key-impact-section .impact-card-content h3{font-size:1rem;font-weight:700;letter-spacing:.04em;margin:16px 0 10px;text-transform:uppercase}.key-impact-section .impact-card-content p{font-size:.96rem;line-height:1.6;margin:0}.key-impact-section .impact-ring-wrap{align-items:center;box-sizing:border-box;display:flex;height:210px;justify-content:center;margin-bottom:8px;padding:18px;position:relative;width:210px}.key-impact-section .impact-ring{height:100%;overflow:visible;transform:rotate(-90deg);width:100%}.key-impact-section .impact-ring-track{fill:none;stroke-width:10;stroke-linecap:round;stroke:#94a3b82e}.key-impact-section .impact-ring-progress{fill:none;stroke-width:10;stroke-linecap:round;stroke-dasharray:326.72;stroke-dashoffset:0;filter:drop-shadow(0 0 8px rgba(52,211,153,.2));transition:stroke-dashoffset .8s ease}.key-impact-section .impact-ring-green{stroke:#34d399}.key-impact-section .impact-ring-amber{stroke:#fbbf24}.key-impact-section .impact-ring-value{align-items:center;display:flex;font-size:clamp(.8rem,1vw,1rem);font-weight:700;gap:8px;justify-content:center;letter-spacing:.01em;padding:0 18px;position:absolute;white-space:nowrap}.key-impact-section .impact-arrow{opacity:.8}.key-impact-section .impact-card-milestone{justify-content:center}.key-impact-section .impact-milestone-path{align-items:center;display:flex;font-size:1.4rem;font-weight:800;gap:12px;justify-content:center;letter-spacing:.02em;margin:18px 0 8px;width:100%}.key-impact-section .impact-milestone-before{color:#f59e0b}.key-impact-section .impact-milestone-after{color:#34d399}.key-impact-section .impact-milestone-line{background:linear-gradient(90deg,#f59e0bbf,#34d399e6);border-radius:999px;flex:1 1;height:2px;max-width:80px;min-width:38px}@media(max-width:1024px){.key-impact-section .impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.key-impact-section{padding-left:16px;padding-right:16px}.key-impact-section .impact-grid{grid-template-columns:1fr}.key-impact-section .impact-card{min-height:auto;padding:18px 16px}.key-impact-section .impact-ring-wrap{height:170px;padding:14px;width:170px}.key-impact-section .impact-ring-value{font-size:.75rem;gap:6px;padding:0 8px}}.ki-dark .impact-card{background:#111827b8;border-color:#94a3b833;box-shadow:0 10px 20px #0000002e}.ki-dark .impact-card-content h3{color:#f8fafc}.ki-dark .impact-card-content p{color:#e2e8f0e6}.ki-light .impact-card{background:#ffffffa6;border-color:#94a3b840;box-shadow:0 12px 24px #0f172a14}.ki-light .impact-card-content h3{color:#0f172a}.ki-light .impact-card-content p{color:#334155}.ki-light .impact-ring-track{stroke:#0f172a1a}.projects-container{align-items:center;display:flex;flex-direction:column;margin:48px 16px}.projects-container .projects-cards-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:16px}.projects-container .projects-cards-container .project-card-container{border-radius:5px;display:flex;flex-direction:column;margin:16px;padding:32px}.projects-container .projects-cards-container .project-card-container .project-title{font-size:16px;font-weight:600;letter-spacing:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projects-container .projects-cards-container .project-card-container .project-img{align-self:center;height:200px;margin-bottom:24px;margin-top:16px}.projects-container .projects-cards-container .project-card-container .project-link-icon{margin-left:8px}@media(max-width:767px){.projects-container .projects-cards-container .project-img{width:100%}}@media(min-width:1024px){.projects-container .projects-cards-container .project-card-container{max-width:40%}}@media(min-width:768px)and (max-width:1199px){.projects-container .projects-cards-container .project-img{width:60%}}@media(min-width:1200px){.projects-container .projects-cards-container .project-img{width:40%}}.pcc-dark .project-card-container{box-shadow:0 2px 5px -1px #9d9da040,0 1px 3px 3px #88868629}.pcc-dark .project-title{background-color:#fff;color:#000}.pcc-light .project-card-container{box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}.pcc-light .project-title{background-color:#000;color:#fff}.experience-container{align-items:center;display:flex;flex-direction:column}.experience-container .experience-cards-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:16px}.experience-container .experience-cards-container .experience-card{border-radius:5px;display:flex;flex-direction:column;margin:16px;padding:32px}.experience-container .experience-cards-container .experience-card .ec-header{align-items:center;display:flex;justify-content:space-between}.experience-container .experience-cards-container .experience-card .ec-header .ec-header-icon{height:100%;max-height:100px;max-width:200px;width:50%}.experience-container .experience-cards-container .experience-card .ec-header .ec-period{font-size:.95rem;font-weight:600;letter-spacing:.02em;line-height:1.5;margin:0;white-space:nowrap}.experience-container .experience-cards-container .experience-card .ec-body{padding-top:16px}.experience-container .experience-cards-container .experience-card .ec-body .ec-body-heading{font-size:16px;font-weight:600;text-decoration:underline;text-transform:uppercase}.experience-container .experience-cards-container .experience-card .ec-body .overview-text{margin-bottom:16px}.experience-container .experience-cards-container .experience-card .ec-body ul>li{list-style:square;margin-left:32px}@media(min-width:1024px){.experience-container .experience-cards-container .experience-card{max-width:40%}}@media(max-width:767px){.experience-container{margin-top:32px}}.ec-container-dark .experience-card{box-shadow:0 1px 6px 0 #f6efef8f}.ec-container-light .experience-card{box-shadow:0 5px 15px 0 #00000026}.footer-container{height:500px;overflow-x:hidden;position:relative;width:100%}.custom-shape-divider-bottom-1721997595{bottom:0;left:0;line-height:0;overflow:hidden;position:absolute;width:100%}.custom-shape-divider-bottom-1721997595 svg{display:block;height:500px;position:relative;width:calc(185% + 1.3px)}.footer-content{bottom:0;display:flex;flex-direction:column;height:200px;position:absolute;width:100%;z-index:1}.footer-content .social-media-container{align-items:center;align-self:flex-end;display:flex;flex-direction:column}.footer-content .social-media-icons{display:flex;flex-wrap:wrap;justify-content:center}.footer-content .social-media-icons .social-media-icon{margin:8px}.footer-content #box{-webkit-backface-visibility:hidden;font-size:3em;font-weight:700;min-width:500px;text-align:center}.footer-content #flashlight{color:#0000;outline:none;perspective:80px}.footer-content #flash{display:inline-block;text-shadow:#bbb 0 0 1px,#fff 0 -1px 2px,#fff 0 -3px 2px,#000c 0 30px 25px;transition:margin-left .3s cubic-bezier(0,1,0,1)}.footer-content #box:hover #flash{margin-left:20px;transition:margin-left 1s cubic-bezier(0,.75,0,1)}.footer-content #light{display:inline-block;text-shadow:#111 0 0 1px,#ffffff1a 0 1px 3px}.footer-content #box:hover #light{text-shadow:#fff 0 0 4px,#fcffbb 0 0 20px;transform:rotateY(-60deg);transition:transform .3s cubic-bezier(0,.75,0,1),text-shadow .1s ease-out}@media(max-width:480px){.footer-content #box{font-size:2em}.footer-content .social-media-container{max-width:80%}}.loader{height:5.4em;left:50%;margin-left:-2.7em;margin-top:-2.7em;position:absolute;top:50%;width:5.4em}.hill{background-color:initial;border-left:.25em solid #000;left:1.7em;top:1.7em;transform:rotate(45deg)}.hill,.hill:after{height:7.1em;position:absolute;width:7.1em}.hill:after{content:"";left:0}.box{animation:push 2.5s cubic-bezier(.79,0,.47,.97) infinite;background-color:initial;border:.25em solid #000;border-radius:15%;bottom:-.1em;height:1em;left:0;position:absolute;transform:translateY(-1em) rotate(-45deg);width:1em}@keyframes push{0%{transform:translateY(-1em) rotate(-45deg)}5%{transform:translateY(-1em) rotate(-50deg)}20%{transform:translate(1em,-2em) rotate(47deg)}25%{transform:translate(1em,-2em) rotate(45deg)}30%{transform:translate(1em,-2em) rotate(40deg)}45%{transform:translate(2em,-3em) rotate(137deg)}50%{transform:translate(2em,-3em) rotate(135deg)}55%{transform:translate(2em,-3em) rotate(130deg)}70%{transform:translate(3em,-4em) rotate(217deg)}75%{transform:translate(3em,-4em) rotate(220deg)}to{transform:translateY(-1em) rotate(-225deg)}}@media (prefers-color-scheme:dark){.box,.hill{border-color:#fff}}
/*# sourceMappingURL=main.c326102f.css.map*/