.app-container{background:#f5f5f5;overflow:auto;height:100vh;width:100vw;font-family:Quicksand;color:#f1f1f1;display:grid;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr;grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr}.app-container.light{color:#1d1d1d}@media only screen and (max-width:767px){.app-container{grid-template-columns:1fr}}.app-container .app-header-container{display:flex;flex-direction:column;grid-column:1/3;grid-row:1/2}.app-container .app-header-container .app-header{height:72px;display:grid;grid-template-columns:192px auto;padding:0 1rem;align-items:center;background:#181818}.app-container.light .app-header-container .app-header{background:#e8e8e8}.app-header-container .app-header-nav{display:none}.app-header>.app-title{cursor:pointer;font-size:large;color:#f1f1f1;font-weight:700}.app-container.light .app-header>.app-title{color:#1d1d1d}.app-header>.app-header-extras{display:flex;align-items:center;justify-content:space-between}.app-header-extras>.app-by{font-size:small}.app-header-extras>.app-header-clock{color:#f1f1f1}.app-container.light .app-header-extras>.app-header-clock{color:#1d1d1d}.app-header-extras>.app-header-extras-tools{display:flex;align-items:center}.app-header-extras .app-header-theme-toggle{margin:0 1rem;cursor:pointer;fill:#f1f1f1}.app-container.light .app-header-extras .app-header-theme-toggle{fill:#1d1d1d}.app-header-extras .app-header-nav-toggle{cursor:pointer;display:none}@media only screen and (max-width:767px){.app-header-container .app-header-nav{display:flex;align-items:center;justify-content:center;background:#181818;height:calc(100vh - 72px)}.app-container.light .app-header-container .app-header-nav{background:#e8e8e8}.app-header-nav>.app-header-nav-actions{display:flex;flex-direction:column;max-width:400px}.app-header-nav>.app-header-nav-actions>.app-header-nav-action{display:grid;grid-template-columns:48px -webkit-min-content;grid-template-columns:48px min-content;padding:6px;height:48px;align-items:center;justify-items:center;color:#f1f1f1;font-size:larger;text-decoration:none;transition:color .3s ease-in}.app-container.light .app-header-nav>.app-header-nav-actions>.app-header-nav-action{color:#1d1d1d}.app-header-nav>.app-header-nav-actions>.app-header-nav-action:hover{transition:color .3s ease-in;color:#3398eb}.app-header-nav-action>.app-header-nav-action-icon{transition:stroke .3s ease-in;stroke:#f1f1f1}.app-container.light .app-header-nav-action>.app-header-nav-action-icon{stroke:#1d1d1d}.app-header-nav-action:hover>.app-header-nav-action-icon{transition:stroke .3s ease-in;stroke:#3398eb}.app-header-extras .app-header-clock,.app-header-extras>.app-by{display:none}.app-header>.app-header-extras{justify-content:flex-end}.app-header-extras .app-header-nav-toggle{display:unset;stroke:#f1f1f1}.app-container.light .app-header-extras .app-header-nav-toggle{stroke:#1d1d1d}}.app-container .app-main{padding:24px;background:#1d1d1d;opacity:1;overflow:auto}.app-container.light .app-main{background:#f1f1f1}@media only screen and (max-width:767px){.app-container .app-main.nav-open{height:0;overflow:hidden;padding:0}}.app-timeline-item{display:flex;align-self:flex-end;justify-content:flex-start;padding-left:30px;position:relative;margin:10px 0;width:calc(50% - 30px)}.app-timeline-item-content{box-shadow:0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12),0 7px 8px -4px rgba(0,0,0,.2);border-radius:5px;background-color:#333;display:flex;flex-direction:column;padding:15px;position:relative;width:400px;max-width:70%}.app-container.light .app-timeline-item-content{background-color:#ddd;box-shadow:0 1px 1px 0 rgba(66,66,66,.08),0 1px 3px 1px rgba(66,66,66,.16)}.app-timeline-item-content:after{content:" ";background-color:#333;position:absolute;left:-7.5px;top:calc(50% - 7.5px);transform:rotate(45deg);width:15px;height:15px}.app-container.light .app-timeline-item-content:after{background-color:#ddd}.app-timeline-item-content-header{width:100%;display:flex;align-items:center;justify-content:space-between}.app-timeline-item-content-title,.app-timeline-item-content time{color:#f1f1f1;font-size:14px;font-weight:700;text-transform:uppercase}.app-container.light .app-timeline-item-content-title,.app-container.light .app-timeline-item-content time{color:#1d1d1d}.app-timeline-item-content-subtitle{color:#f1f1f1;font-size:13px}.app-container.light .app-timeline-item-content-subtitle{color:#1d1d1d}.app-timeline-item-content li{color:#f1f1f1}.app-container.light .app-timeline-item-content li{color:#1d1d1d}.app-timeline-item-content p{font-size:16px;line-height:24px;margin:4px 0;max-width:300px;text-align:left}.app-timeline-item-content .app-timeline-item-circle{background-color:#1d1d1d;border:3px solid #777;border-radius:50%;position:absolute;top:calc(50% - 10px);left:-43px;width:20px;height:20px;z-index:100}.app-container.light .app-timeline-item-content .app-timeline-item-circle{background-color:#f1f1f1;border:3px solid #bbb}@media screen and (min-width:768px){.app-timeline-item:nth-child(2n){align-self:flex-start;justify-content:flex-end;padding-left:0;padding-right:30px}.app-timeline-item:nth-child(2n) .app-timeline-item-content:after{right:-7.5px;left:auto}.app-timeline-item:nth-child(2n) .app-timeline-item-content .app-timeline-item-circle{right:-43px;left:auto}}@media only screen and (max-width:1023px){.app-timeline-item-content-header{flex-direction:column;align-items:flex-start}}@media only screen and (max-width:767px){.app-timeline-item{width:calc(100% - 30px);justify-content:unset}.app-timeline-item-content{max-width:100%}.app-timeline-item:nth-child(2n){justify-content:unset}.app-timeline-item-content .app-timeline-item-circle{left:-41px}}.app-timeline{display:flex;flex-direction:column;position:relative;margin:8px 0}.app-timeline:after{background-color:#777;content:"";position:absolute;left:calc(50% - 2px);width:4px;height:100%}.app-container.light .app-timeline:after{background-color:#bbb}@media only screen and (max-width:767px){.app-timeline:after{left:0}}.education-heading{height:40px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;color:#f1f1f1}.app-container.light .education-heading{color:#1d1d1d}.education-heading>span{font-size:32px;font-weight:700}@media only screen and (max-width:767px){.education-heading{justify-content:flex-start}}.app-main .app-home{display:grid;align-items:center;justify-items:center;grid-template-rows:1fr 48px;height:100%;width:100%}.app-home>.app-home-content{display:flex;flex-direction:column}.app-nav-profile-pic-container{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.app-nav-profile-pic-container>.app-nav-profile-pic-wrapper{display:flex;align-items:center;justify-content:center;height:200px;width:200px;border-radius:50%;background:#333}.app-container.light .app-nav-profile-pic-container>.app-nav-profile-pic-wrapper{background:#ddd}.app-nav-profile-pic-wrapper>.app-nav-profile-pic{height:192px;width:192px;border-radius:50%}.app-my-description-first{font-size:xx-large}.app-my-description-second{font-size:x-large}.app-my-description-sentence{font-size:medium;max-width:500px}.app-home .app-home-social-icon{margin:0 1rem;cursor:pointer}@media only screen and (max-width:767px){.app-nav-profile-pic-container>.app-nav-profile-pic-wrapper{height:144px;width:144px}.app-nav-profile-pic-wrapper>.app-nav-profile-pic{height:136px;width:136px}.app-my-description-first{font-size:x-large}.app-my-description-second{font-size:large}.app-my-description-sentence{font-size:small}}.experience-heading{height:40px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;color:#f1f1f1}.app-container.light .experience-heading{color:#1d1d1d}.experience-heading>span{font-size:32px;font-weight:700}@media only screen and (max-width:767px){.experience-heading{justify-content:flex-start}}.skills-heading{height:40px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;color:#f1f1f1}.app-container.light .skills-heading{color:#1d1d1d}.skills-heading>span{font-size:32px;font-weight:700}.skills-grid{margin-top:2rem;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.skill-grid{box-shadow:0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12),0 7px 8px -4px rgba(0,0,0,.2);background-color:#222;display:grid;grid-template-rows:280px 40px}.app-container.light .skill-grid{background-color:#ececec;box-shadow:0 1px 1px 0 rgba(66,66,66,.08),0 1px 3px 1px rgba(66,66,66,.16)}.skill-icon,.skill-name{align-self:center;justify-self:center}.skill-name{margin-bottom:1rem;text-transform:uppercase;font-size:large;font-weight:700}@media only screen and (max-width:767px){.skills-heading{justify-content:flex-start}}.app-container .app-nav{background:#181818;width:60px;transition:width .3s ease-in}.app-container.light .app-nav{background:#e8e8e8}.app-container .app-nav.expanded{width:220px;transition:width .3s ease-in}.app-nav>.app-nav-actions>.app-nav-toggle{display:flex;padding:6px 20px;height:36px;align-items:center;justify-content:flex-end;cursor:pointer;border-bottom:1px solid #e8e8e8}.app-container.light .app-nav>.app-nav-actions>.app-nav-toggle{border-bottom:1px solid #181818}.app-nav>.app-nav-actions>.app-nav-action{display:grid;grid-template-columns:48px -webkit-min-content;grid-template-columns:48px min-content;padding:6px;height:48px;align-items:center;justify-items:center;color:#f1f1f1;text-decoration:none;transition:color .3s ease-in,background .3s ease-in}.app-container.light .app-nav>.app-nav-actions>.app-nav-action{color:#1d1d1d}.app-nav>.app-nav-actions>.app-nav-action.active,.app-nav>.app-nav-actions>.app-nav-action:hover{transition:color .3s ease-in,background .3s ease-in;background:#1d1d1d;color:#3398eb}.app-container.light .app-nav>.app-nav-actions>.app-nav-action.active,.app-container.light .app-nav>.app-nav-actions>.app-nav-action:hover{background:#f1f1f1;color:#3398eb}.app-nav-action>.app-nav-action-icon,.app-nav-toggle>.app-nav-action-icon{transition:stroke .3s ease-in;stroke:#f1f1f1}.app-container.light .app-nav-action>.app-nav-action-icon,.app-container.light .app-nav-toggle>.app-nav-action-icon{stroke:#1d1d1d}.app-container.light .app-nav-action.active>.app-nav-action-icon,.app-container.light .app-nav-action:hover>.app-nav-action-icon,.app-nav-action.active>.app-nav-action-icon,.app-nav-action:hover>.app-nav-action-icon{transition:stroke .3s ease-in;stroke:#3398eb}.app-nav-action>.app-nav-action-text{width:160px}@media only screen and (max-width:767px){.app-container .app-nav{display:none;width:0}}body{margin:0}
/*# sourceMappingURL=main.34d4fe72.chunk.css.map */