@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.main,.page,body,html{overflow-x:hidden;scroll-behavior:smooth;font-style:normal}html{opacity:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.navbar .nav-container{width:100%;height:8vh;top:0;left:0;position:fixed!important;z-index:100;background-color:#3f4e67;display:flex;align-items:center;font-family:"Raleway";color:#fafafa}.navbar .logo{display:inline-block;margin-left:3vw;-webkit-user-select:none;-ms-user-select:none;user-select:none}.navbar .logo a{font-size:2em;color:#fafafa;text-decoration:none;transition:.3s}.navbar .logo a:hover{color:#fed96c;cursor:pointer}.navbar .menu{display:inline-block;position:absolute;right:3vw}.navbar .menu-list{display:flex;flex-direction:row;min-width:40vw;height:8vh;padding:0;margin:auto 0;text-align:center;text-transform:uppercase;font-weight:700}.navbar .menu-icon{display:none}.navbar .nav-links{text-align:center;text-decoration:none;margin:0 auto}.navbar .nav-links span{font-size:1.1em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.navbar .nav-links:hover{color:#fafafa}.navbar .nav-links:hover:after{width:100%;left:0}.navbar .nav-links:after{content:"";display:block;position:absolute;transition:all .2s ease-out;background:#fafafa;bottom:0;left:50%;width:0;height:4px}.navbar .nav-links.active{color:#fed96c;pointer-events:none}@media only screen and (max-width:960px){.navbar .logo{margin-left:5vw}.navbar .menu{position:absolute;width:100%;right:0;top:8vh;border-bottom:2px solid #fed96c;opacity:0;pointer-events:none;transition:all .3s ease-in-out}.navbar .menu.opened{opacity:.9;background:#3f4e67;pointer-events:auto}.navbar .menu-list{width:100%;height:100%;flex-direction:column}.navbar .menu-icon{display:block;overflow:hidden;cursor:pointer;position:relative;margin-left:auto;margin-right:5vw}.navbar .nav-links{display:block;position:relative;height:7vh;padding:7vh 0;margin:auto 0}.navbar .nav-links span{line-height:0;font-size:1.3em}.navbar .nav-links:hover{background-color:rgba(51,51,51,.8)}}@media only screen and (max-width:600px){.navbar .logo a{font-size:2em;color:#fafafa;text-decoration:none;transition:.3s}.navbar .logo a:hover{color:#fafafa;cursor:pointer}}.home{background-repeat:no-repeat;background-image:url(/Portfolio/static/media/home-bg.4b3dd049.jpg);background-blend-mode:soft-light;background-color:#3f4f64}.home .content{width:100%;height:65vh;z-index:100;text-align:center;padding-top:35vh;margin:auto;color:#fafafa}.home .highlight{color:#fbe77d}.home .job-title{opacity:.6}.home .view-button{min-width:200px;height:50px;font-size:18px;margin:5vh 0;color:#fafafa;border:2px solid #fafafa;background-color:rgba(64,64,64,.2)}.home .view-button:hover{background-color:#b82b32;border:2px solid #b82b32}.home .view-button:hover .endicon{transform:rotate(90deg);transition:.3s}@media only screen and (max-width:600px){.home .content{height:75vh;padding-top:25vh}.home .greeting span{font-size:3em}.home .job-title{font-size:2.1em}.home .view-button .endicon{display:none}.home .view-button:hover{background-color:rgba(64,64,64,.2);border:2px solid #fafafa}.home .view-button:hover .endicon{display:none}}.tech-stack-wrapper{position:relative;display:inline-block;text-align:center;margin:.5em;border-radius:5px;background-color:#fafafa}.tech-stack-wrapper .middle-wrapper{width:100%;height:100%;color:#000;border-top:1px solid #ddd;border-radius:0;transition:.2s}.tech-stack-wrapper .tech-stack-image{padding:.6em;height:3.5em}.tech-stack-wrapper .tech-stack-description{padding:.3em}.about .view-button{width:200px;height:50px;font-size:18px;margin:.8rem 0;color:#3f4e67;border:1px solid #3f4e67}.about .view-button:hover{border:2px solid #3f4e67}.about .content{width:100%;height:100%;margin:auto 0;z-index:100}.about .caption{margin:3vh auto;text-align:center}.about .about-me{width:70%;padding:1vh 3vw;margin:3vh auto}.about .profile-header{margin:5vh 0}.about .profile{text-align:center;margin:8vh auto}.about .profile-image{width:19vw;margin-bottom:2vh}.about .location-icon{vertical-align:middle;font-size:1.3em;padding-bottom:3px;margin-right:3px}.about .profile-location{margin-left:-20px}.about .about-skills{width:70%;padding:5vh 2vw;margin:3vh auto;background-color:#f7f7f7;border-bottom:1px solid #ddd;border-radius:5px}.about .skill-item{color:#3f4e67;text-align:center;width:25%;margin:1vh auto}.about .specialty-icon{font-size:80px;color:#40bdae!important}.about .soft-skill-icon{font-size:80px;color:orange!important}.about .skill-description{color:#777}.about .about-tech{width:70%;padding:5vh 0;margin:3vh auto}.about .panel{margin:5vh auto}.about .panel-header{color:#3f4e67;margin:3vh 0}.about .tech-panel{width:110%}.about .image-panel{margin:auto 0}.about .about-tech-image{opacity:.8;display:inline-block;vertical-align:middle;width:30vw;border-radius:5px;box-shadow:1px 1px 50px hsla(0,0%,100%,.15)}@media only screen and (max-width:960px){.about .about-me{width:95%;flex-wrap:wrap-reverse}.about .profile-header{text-align:center;margin:0 0 5vh}.about .profile-image{width:40vw}.about .profile{padding-left:0;height:auto}.about .description{height:auto;text-align:left}.about .content{text-align:center}.about .about-tech{width:100%;margin:1rem auto}.about .panel{flex-wrap:wrap-reverse;width:100%}.about .tech-panel{width:100%}.about .image-panel{text-align:center;margin:0 auto}.about .about-tech-image{max-width:450px;width:90%;border-radius:10px}.about .about-skills{width:100%}}@media only screen and (max-width:600px){.about .about-skills{width:100%}.about .profile-image{width:70%}}.project{overflow-y:hidden}.project .content{width:100%;height:100%;background-color:#f3f1ee;padding-bottom:15vh;z-index:100}.project .caption{margin:3vh auto;text-align:center}.project .panel{width:65%;min-height:30vh;padding:5vh 5vw;margin:5vh auto;border-left:5px solid #40bdae}.project .sub-panel.left{padding:0}.project .sub-panel.right{padding:0 6vw 0 5vw;margin:0}.project .sub-panel{display:inline-block;width:40vw}.project .project-image{margin:25% auto;width:29vw}.project .project-title{color:#243a47;font-size:2.7em;margin-bottom:.2em}.project .project-type{font-size:1.3em}.project .project-techstack,.project .project-type{color:#243a47;opacity:.5;font-weight:700;border-radius:3px;padding:.25em 0 .2em;text-transform:capitalize}.project .project-techstack{font-size:1em;display:inline-block;margin-bottom:2rem}.project .panel.personal{border-left:5px solid #fbe77d}.project .project-description{font-size:1.1em;margin-bottom:1.4rem}.project .readmore{color:#243a47;opacity:.7;cursor:pointer;margin-top:2vh;margin-bottom:4vh}.project .endicon{vertical-align:bottom}.project .project-detail{margin-bottom:3vh;text-decoration:none;color:#000}.project .project-detail span{font-size:1.1em}.project .project-detail ul{font-size:1.1em;padding-left:20px;list-style:none}.project .project-detail ul li:before{content:"•";font-weight:700;display:inline-block;width:1em;margin-left:-1em}.project .project-detail a{font-size:1.1em}.project .view-button{width:200px;height:50px;font-size:18px;margin:.5rem 0}.project .view-button:hover{color:#b82b32;border:2px solid #b82b32}@media only screen and (max-width:960px){.project .panel{width:80%;border-left:none;border-bottom:5px solid #40bdae;min-height:auto}.project .panel.personal{border-left:none;border-bottom:5px solid #fbe77d!important}.project .sub-panel{width:100%;text-align:center}.project .sub-panel.left,.project .sub-panel.right{padding:0}.project .project-description{margin-left:2vw;margin-Right:2vw;font-size:1em}.project .project-detail a,.project .project-detail span,.project .project-detail ul{font-size:1em}.project .project-detail ul{text-align:left!important}.project .view-button{float:none;margin:.5rem auto}.project .project-image{margin:2rem auto;width:90%}}.timeline{overflow-y:hidden}.timeline .content{background-color:#dce1eb;width:100%;height:100%;margin:auto 0;z-index:100}.timeline .content ul{margin:2em auto 0}.timeline .caption{margin:3vh auto;text-align:center}.timeline .panel{position:relative;width:70%;padding:0;margin:4em auto;list-style:none}.timeline .panel:before{background-color:#ee707d;content:" ";margin-left:-1px;position:absolute;top:1.9em;left:2em;width:1px;height:97%}.timeline .timeline-event{position:relative}.timeline .event-icon{transform:rotate(45deg);background-color:#fbe77d;outline:5px solid #b82b32;display:block;margin:.5em .5em .5em -.5em;position:absolute;top:1.6em;left:2.3em;width:.3em;height:.3em}.timeline .event-item{padding:2em;position:relative;top:-1.875em;left:3em;width:90%}.timeline .date-range{color:#f7f7f7;font-size:.9em;font-weight:700;background-color:#ee707d;display:inline-block;padding:.25em 1em .2em;margin:1.5em 0 .5em}.timeline .job-title{margin:3vh auto;font-size:1.8em;font-weight:700}.timeline .company{font-size:1.2em;margin-bottom:1.2em;font-style:italic;font-weight:700}.timeline .duty-icon{margin-left:0}.timeline .duty-item{margin-left:-1.9em}.timeline .techstack{width:100%;margin-top:1.2em;padding:1em;border-radius:10px}@media only screen and (max-width:960px){.timeline .panel{position:relative;width:80%;padding:0;margin:4em auto;list-style:none}.timeline .panel:before{background-color:#ee707d;content:" ";margin-left:-2em;position:absolute;top:1.9em;left:2em;width:1px;height:97%}.timeline .timeline-event{position:relative}.timeline .event-icon{transform:rotate(45deg);background-color:#fbe77d;outline:5px solid #b82b32;display:block;margin:.5em .5em .5em -2.4em;position:absolute;top:1.6em;left:2.3em;width:.3em;height:.3em}.timeline .event-item{padding:2em;position:relative;top:-1.875em;left:0;width:90%}}@media only screen and (max-width:600px){.timeline .panel{position:relative;width:80%;padding:0;margin:4em auto;list-style:none}.timeline .panel:before{display:none}.timeline .timeline-event{position:relative;margin-left:-2.4em}.timeline .event-icon{display:none}.timeline .event-item{padding:2em;position:relative;top:-1.875em;width:90%}.timeline .event-item .duties{width:350px;margin-left:-1.4em}}.contact{overflow-y:hidden}.contact .content{width:100%;height:100%;min-height:91vh;background-color:#3f4e67;padding-top:15vh 0;z-index:100}.contact .caption{margin:3vh auto;text-align:center}.contact .contact-list,.contact .panel{margin:0 auto;width:80%}.contact .contact-link{color:#fafafa;font-family:"Raleway";margin-left:1em;margin-right:0;transition:.2s}.contact .contact-link:hover{color:#df777b;text-decoration:none}.contact .contact-icon{font-size:3.12em;color:#dce1eb}.contact .contact-form{text-align:center}.contact .form-input{width:80%;margin:.7em 0;border-radius:5px;background-color:#fafafa;color:#172229}.contact .form-button{display:block;margin:1rem auto;padding:.5rem 3rem;border-radius:5px;background-color:#172229;color:#fafafa;font-weight:700}.contact .form-button:hover{background-color:#df777b;color:#172229}.contact .form-button:disabled{display:none}.contact .form-message{margin-top:1em;color:#fafafa;font-size:1.2em;font-weight:700}.contact .form-message-icon{vertical-align:middle;padding-bottom:3px;margin-right:5px}.contact .form-message-error{color:#df777b;font-size:1.2em;font-weight:700}@media only screen and (max-width:960px){.contact .caption{font-size:1.3em}.contact .contact-list{width:80vw;height:auto;display:block}.contact .contact-icon{font-size:2.6em;color:#dce1eb}.contact .contact-form{width:80vw;margin-top:2rem;display:block;height:auto}.contact .form-input{width:100%}}@media only screen and (max-width:600px){.contact .contact-link{color:#fafafa;font-family:"Raleway";font-Weight:"bold !important";font-size:1.1em;margin-left:0;margin-right:0;transition:.2s}.contact .contact-icon{font-size:2.2em;color:#dce1eb}}.App,.header{text-align:center}.header{font-family:"Raleway";font-size:40px;font-weight:700;line-height:24px;padding-top:100px;color:#444649}.page{position:relative;top:0;left:0}.divider{border:2px solid #3f4e67;width:100px;margin:20px 0 0}.divider.pink{border-color:#df777b;background-color:#df777b}.divider.yellow{border-color:#fbe77d;background-color:#fbe77d}.white{color:#fff}.center{text-align:center;margin-left:auto;margin-right:auto}.disabled{pointer-events:none}
/*# sourceMappingURL=main.26fdc3ce.chunk.css.map */