@import url(https://fonts.googleapis.com/css2?family=Merriweather&display=swap);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}*{box-sizing:border-box;margin:0;padding:0}.resume-screen-container{display:flex;flex-direction:column;height:510px;justify-content:space-evenly;width:100%}.home-container{background-color:#3b538a}.navlinks{display:flex;flex-direction:row;list-style:none}.navlinks li a{color:#eed4a4;font-size:22px;font-weight:700;margin:0 2rem;text-decoration:none}.navlinks li a:active,.navlinks li a:focus,.navlinks li a:hover{border-bottom:2px solid #fff;color:#dfb464;cursor:pointer}.navlinks li a.active{border-bottom:2px solid #fff;color:#dfb464;display:block;-webkit-transform:scale(1.2);transform:scale(1.2);transition:.2s ease-out}@media screen and (max-width:1110px){.navlinks li a{margin:0 1rem}}@media screen and (max-width:810px){.navlinks{align-items:center;flex-direction:column;justify-content:space-around}.navlinks li{margin-top:15px}}.main-header-container{align-items:center;background-color:#3b538a;box-shadow:0 2px 2px rgba(0,0,0,.5);display:flex;height:5rem;justify-content:center;position:fixed;width:100%;z-index:5}@media screen and (max-width:810px){.main-header-container{justify-content:space-between;padding:0 4rem}}@media screen and (max-width:510px){.main-header-container{height:4rem;padding:0 2rem}}.hamburger-button-navbar{background-color:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;height:3rem;justify-content:space-between;width:3rem}.hamburger-button-navbar span{background:#dfb464;display:block;height:2.5px;margin-top:10px;width:3rem}.hamburger-button-navbar{display:none}.drawer-header-nav{align-items:flex-start;display:flex;height:100%;justify-content:center;margin-top:20px;width:100%}.navigate-to-home{color:#eed4a4;font-size:31px}.navigate-to-home a{color:#dfb464;text-decoration:none}.navigate-to-home a:active,.navigate-to-home a:focus,.navigate-to-home a:hover{border-bottom:3px solid #fff;display:block;-webkit-transform:scale(1.1);transform:scale(1.1);transition:.2s ease-out}.navigate-to-home{display:none}@media screen and (max-width:810px){.hamburger-button-navbar{display:block}.header-navbar{display:none}.navigate-to-home{display:block}}.side-drawer{background-color:#3f3f3f;box-shadow:0 2px 8px rgba(0,0,0,.26);height:95vh;left:0;margin-top:5rem;position:fixed;top:0;width:70%;z-index:100}@media screen and (max-width:510px){.side-drawer{margin-top:4rem}}.backdrop{background:rgba(0,0,0,.75);height:95vh;left:0;margin-top:5rem;position:fixed;top:0;width:100%;z-index:10}@media screen and (max-width:510px){.backdrop{margin-top:4rem}}.profile-container{padding-top:10rem;text-align:center}.profile-parent{align-items:center;display:flex;justify-content:space-around;padding-bottom:30px}.profile-picture__content-name{font-family:IBM Plex Sans,sans-serif;font-size:25px;font-weight:700;margin-bottom:20px}.name{color:#e4990f;font-family:Merriweather,serif;font-size:28px;margin-left:15px}.profile-picture__content-role h1{font-family:Rubik,sans-serif;font-size:40px;margin-bottom:20px}.profile-picture__content-role span{font-family:IBM Plex Sans,sans-serif;font-size:23px}.button-options .btn{border:1px solid #000;border-radius:22px;font-size:14px;font-weight:700;margin:50px 40px 0;padding:12px 22px}.profile-picture__image-container{align-items:center;border-radius:50%;display:flex;height:380px;justify-content:center;margin-left:100px;padding-bottom:1rem;width:380px}.profile-picture__image{background-image:url(/static/media/profile-picture.4e999687e2ffc66db7d5.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:92%;width:92%}.profile-picture__image:hover{-webkit-transform:scale(1.04);transform:scale(1.04);transition:.3s ease-out}@media screen and (max-width:1110px){.profile-container{padding-top:8rem}.profile-picture__image-container{margin-left:80px}.name{font-size:24px}.profile-picture__content-name{font-size:21px;margin-bottom:15px}.profile-picture__content-role h1{font-size:34px;margin-bottom:15px}.profile-picture__content-role span{font-size:20px}.button-options .btn{margin-top:35px;padding:8px 18px}}@media screen and (max-width:910px){.profile-picture__image-container{height:310px;margin-left:5px;width:310px}}@media screen and (max-width:810px){.profile-picture__image-container{height:290px;width:290px}.profile-container{padding-top:7rem}.profile-picture__image-container{margin-left:0!important}.profile-parent{flex-direction:column-reverse}.button-options{display:flex;justify-content:space-between}.profile-picture__content-name,.profile-picture__content-role{text-align:center}}@media screen and (max-width:550px){.profile-container{padding-top:6rem}.profile-picture__image-container{height:270px;padding-bottom:.7rem;width:270px}.profile-picture__content{width:98%}.name{font-size:21px}.profile-picture__content-name{font-size:19px;margin-bottom:8px}.profile-picture__content-role h1{font-size:30px;margin-bottom:8px}.profile-picture__content-role span{font-size:18px}.button-options .btn{margin-top:25px;padding:7px 14px}}@media screen and (max-width:375px){.profile-picture__image-container{height:250px;width:250px}.profile-picture__content{width:98%}.button-options .btn{font-size:11px;padding:7px 14px}}.about-me-container{align-items:center;background-color:#3b538a;display:flex;justify-content:center;padding-top:5rem}.about-me-parent h1{border-bottom:4px solid #25bd79;font-family:Rubik,sans-serif;font-size:40px;text-align:center}.about-me-parent{flex-direction:column;max-width:1000px;width:70%}.about-me-card,.about-me-parent{align-items:center;display:flex;justify-content:center}.about-me-card{box-shadow:0 0 20px -2px #1f2235;margin-top:2rem;width:100%}.about-me-details{padding:40px;text-align:justify;width:99%}.about-me-description{font-family:Merriweather,serif;font-size:20px}.about-me-highlights{font-family:IBM Plex Sans,sans-serif;font-size:21px;font-weight:700;margin:50px 0}.highlight-heading{font-size:22px;margin-bottom:15px;text-decoration:underline}.highlight{align-items:center;display:flex;margin-bottom:5px}.highlight-blob{background-color:#0d7c71;border-radius:50%;height:13px;margin-right:15px;width:13px}.about-me-button-options{align-items:center;display:flex;justify-content:center;width:100%}.about-me-button-options .btn{border:1px solid #000;border-radius:22px;font-size:14px;font-weight:700;margin:50px 40px 0;padding:12px 22px}.contact-me-button{background-color:#adefd1}.contact-me-button:focus,.contact-me-button:hover{background-color:#2c2b2b;color:#adefd1;cursor:pointer}.resume-download-button{background-color:#c2602f}.resume-download-button:focus,.resume-download-button:hover{background-color:#2c2b2b;color:#d86e39;cursor:pointer}@media only screen and (max-width:1110px){.about-me-parent{width:80%}.about-me-button-options .btn{margin-top:35px;padding:8px 18px}}@media only screen and (max-width:810px){.about-me-parent{width:85%}.about-me-button-options{display:flex;justify-content:space-between}.about-me-parent h1{border-bottom:3.5px solid #25bd79;font-size:35px}.about-me-description{font-size:19px}.about-me-details{padding:35px}.about-me-highlights{font-size:20px;margin:40px 0}.highlight-heading{font-size:21px;margin-bottom:13px}}@media only screen and (max-width:715px){.about-me-parent{width:89%}}@media only screen and (max-width:550px){.about-me-parent{width:92%}.about-me-button-options{align-items:center;display:flex;flex-direction:column;justify-content:center}.about-me-button-options .btn{margin-top:15px;padding:10px 60px}.about-me-parent h1{border-bottom:3px solid #25bd79;font-size:30px}.about-me-description{font-size:18px}.about-me-details{padding:30px}.about-me-highlights{font-size:19px;margin:35px 0}.highlight-heading{font-size:20px;margin-bottom:11px}.highlight-blob{height:11px;margin-right:10px;width:11px}}@media only screen and (max-width:415px){.about-me-parent{width:98%}.about-me-button-options .btn{padding:10px 50px}}.resume-heading,.resume-main-heading{display:flex;flex-direction:column}.resume-main-heading{justify-content:space-between;position:relative}.heading-bullet{background-color:#0d7c71;border-radius:50%;height:13px;left:-30px;position:absolute;top:5px;width:13px}.resume-main-heading span{font-family:Merriweather,serif;font-size:25px;font-weight:700;margin-bottom:8px}.resume-sub-heading{font-family:Rubik,sans-serif;font-size:21px;font-weight:700}.live-website,.resume-heading-description,.source-code{font-family:IBM Plex Sans,sans-serif;font-size:20px}.live-website:hover{cursor:pointer}a{color:#988c8c;font-size:21px;font-weight:700}@media screen and (max-width:500px){a{font-size:16px;font-weight:700}}.resume-container{align-items:center;background-color:#3b538a;display:flex;flex-direction:column;justify-content:center;padding-top:5rem}.resume-content h1{border-bottom:4px solid #25bd79;font-family:Rubik,sans-serif;font-size:40px;text-align:center}.resume-navbar button{background-color:#352828;border:1px solid #000;border-radius:10px;color:#fff;font-size:17px;font-weight:700;margin:2rem 1rem;padding:8px 15px}.resume-navbar button:active,.resume-navbar button:focus,.resume-navbar button:hover{background-color:wheat;border:1px solid #811818;color:#000;cursor:pointer}.resume-card{align-items:center;background-color:#3b538a;box-shadow:0 0 20px -2px #1f2235;display:flex;justify-content:center;max-width:1000px;width:70%}.all-components{overflow:auto;padding:40px 60px;text-align:justify;width:99%}.all-components h1{font-family:Rubik,sans-serif;text-align:center;text-decoration:underline}@media only screen and (max-width:1110px){.resume-card{width:80%}}@media only screen and (max-width:810px){.resume-card{width:85%}.resume-content h1{border-bottom:3.5px solid #25bd79;font-size:35px}.resume-navbar button{font-size:15px;margin:2rem 1rem;padding:7px 13px}.all-components{padding:35px 50px}.all-components h1{font-size:23px}.resume-main-heading span{font-size:21px;margin-bottom:7px}.resume-sub-heading{font-size:19px}.live-website,.resume-heading-description,.source-code{font-size:18px}}@media only screen and (max-width:715px){.resume-card{width:89%}}@media only screen and (max-width:550px){.resume-card{width:92%}.resume-content h1{border-bottom:3px solid #25bd79;font-size:30px}.resume-navbar button{font-size:13px;margin:1.5rem .8rem;padding:5px 10px}.all-components{padding:25px 35px}.all-components h1{font-size:21px}.resume-main-heading span{font-size:20px;margin-bottom:5px}.resume-sub-heading{font-size:18px}.live-website,.resume-heading-description,.source-code{font-size:17px}.heading-bullet{height:11px;left:-20px;top:4px;width:11px}}@media only screen and (max-width:415px){.resume-card{width:98%}.resume-navbar button{font-size:12px;margin:1.2rem .6rem;padding:3px 6px}.all-components{padding:20px 30px}.all-components h1{display:none}.resume-main-heading span{font-size:18px;margin-bottom:5px}.resume-sub-heading{font-size:16px}.live-website,.resume-heading-description,.source-code{font-size:15px}.heading-bullet{height:9px;left:-15px;top:3px;width:9px}}.skill-parent{display:flex;flex-direction:column;position:relative;width:100%}.skill-percentage{background-color:#0d7c71;height:21px;position:relative;width:50%}.skill-parent .active-percentage-bar{background-color:#352828;height:21px;position:absolute}.skill-parent span{font-family:Merriweather,serif;font-size:20px;font-weight:700}.main-container{align-items:center;background-color:#3b538a;display:flex;flex-direction:column;justify-content:center;padding-bottom:1rem;padding-top:5rem}.main-container>h1{border-bottom:4px solid #25bd79;font-family:Rubik,sans-serif;font-size:40px;text-align:center}.contact-me-card{align-items:center;background-color:#3b538a;box-shadow:0 0 20px -2px #1f2235;display:flex;justify-content:center;margin-top:2rem;max-width:1000px;width:70%}.contact-me-content{padding:40px}.contact-form,.contact-me-content{display:flex;flex-direction:column;justify-content:center}.contact-form{align-items:center}.form-controller{border-radius:15px;box-shadow:0 0 12px -1px #1f2235;margin:0 40px 40px;padding:40px;width:550px}.title-main{text-decoration:underline}.primary-title,.title-main{font-family:Rubik,sans-serif}.primary-title{margin:30px 0 10px}.form-inputs{margin-bottom:15px}.form-inputs label{display:block;font-family:IBM Plex Sans,sans-serif;font-size:18px;font-weight:700;margin-bottom:2px}.form-inputs input{background-color:transparent;border:none;border-bottom:2px solid #000;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;height:2rem;width:100%}.form-inputs input:focus{outline:none}.form-inputs textarea{background-color:transparent;border:2px solid #2221213f;font-family:IBM Plex Sans,sans-serif;font-size:19px;font-weight:700;height:150px;margin-top:5px;width:100%}.form-inputs textarea:focus{border:2px solid #000;outline:none}.send-btn{text-align:center}.send-btn button{background-color:hsla(0,0%,96%,.356);border:2px solid #000;border-radius:22px;font-size:20px;font-weight:700;padding:6px 30px}.send-btn button:hover{background-color:rgba(0,0,0,.5);color:#f5f5f5;cursor:pointer}.center-personal-details-header{align-items:center;display:flex;justify-content:center}.personal-details{align-content:flex-start;border-radius:15px;box-shadow:0 0 12px -1px #1f2235;display:flex;flex-direction:column;justify-content:center;margin:30px;padding:40px}.personal-details span{font-family:IBM Plex Sans,sans-serif;font-size:20px;font-weight:700;margin:2px 0;position:relative}.bullet-point{background-color:#0d7c71;border-radius:50%;height:13px;left:-30px;position:absolute;top:5px;width:13px}button .load img{color:green;height:10px;width:40px}.alertMsg{color:#c7c782;font-family:IBM Plex Sans,sans-serif;font-size:20px;font-weight:700}@media only screen and (max-width:1110px){.contact-me-card{width:80%}}@media only screen and (max-width:810px){.contact-me-card{width:85%}.contact-me-content{padding:35px}.form-controller{padding:35px;width:85%}.personal-details{margin:25px 10px;padding:35px}.main-container>h1{border-bottom:3.5px solid #25bd79;font-size:35px}.title-main{font-size:23px}.primary-title{font-size:21px}.personal-details span{font-size:19px}.bullet-point{height:12px;left:-25px;top:5px;width:12px}}@media only screen and (max-width:715px){.contact-me-card,.form-controller{width:89%}.send-btn button{font-size:19px;padding:5px 25px}}@media only screen and (max-width:550px){.contact-me-card{width:92%}.contact-me-content{padding:15px}.form-controller{padding:15px;width:92%}.form-inputs input{font-size:19px}.personal-details{margin:20px 1px;padding:25px}.main-container>h1{border-bottom:3px solid #25bd79;font-size:30px}.title-main{font-size:21px}.primary-title{font-size:20px;margin:20px 0 10px}.personal-details span{font-size:18px}.send-btn button{font-size:17px;padding:4px 22px}.bullet-point{height:11px;left:-20px;top:4px;width:11px}}@media only screen and (max-width:450px){.bullet-point{display:none}}@media only screen and (max-width:415px){.contact-me-card{width:98%}.contact-me-content{padding:10px}.form-controller{padding:15px;width:98%}.form-inputs input{font-size:17px}.personal-details{margin:20px 1px;padding:8px}.main-container>h1{border-bottom:3px solid #25bd79;font-size:30px}.title-main{font-size:20px}.primary-title{font-size:18px;margin:20px 0 10px}.personal-details span{font-size:16px}.send-btn button{font-size:17px;padding:4px 22px}}.App{background-color:#9fadce;text-align:center}.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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;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)}}.slide-in-left-enter{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slide-in-left-enter-active{transition:all .2s}.slide-in-left-enter-active,.slide-in-left-exit{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.slide-in-left-exit-active{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .2s}
/*# sourceMappingURL=main.595ff2cc.css.map*/