body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;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{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{align-items:flex;display:flex;height:100px;justify-content:space-between;padding:10px;width:auto}.logo{cursor:pointer;float:left;height:65px;width:65px}.nav-header-mobile{margin-top:-10px}.ul-header-mobile{background-color:#000;color:#fff;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:20px;list-style-type:none;margin-right:20px;text-decoration:none}.li-header-mobile,.li-header-mobile-icon{cursor:pointer;padding-bottom:8px;text-align:right}.ul-header-desktop{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:20px;list-style-type:none;text-decoration:none}.li-header-desktop{cursor:pointer;display:block;float:left;padding-right:25px;text-align:left}.footer{height:100px;padding:10px;width:auto}.hr{border:.5px solid #f2efe5;opacity:40%;width:80%}.footer-p{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:15px;margin-left:5%;margin-right:5%;padding-top:5px;text-decoration:none}@media only screen and (min-width:1000px){.footer-p{color:#fff;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:15px;justify-content:space-between;margin-left:10%;margin-right:10%;text-align:center;text-decoration:none}}.home{height:100px;margin-bottom:90%;margin-left:10%;margin-right:10%;padding:10px;width:auto}@media only screen and (min-width:1000px){.home{display:flex;height:200px;justify-content:space-between;margin:-40px 10% 20%;padding:10px;width:auto}}.home-graphics{border-radius:50%;height:300px;width:300px}@media only screen and (max-width:999px){.home-graphics{display:none}}.home-title{color:#fff;font-family:Arial,Helvetica,sans-serif;text-align:left}.ht-p1{color:#20c472;font-size:40px}@media only screen and (max-width:999px){.ht-p1{font-size:25px}}.ht-p2{color:#fff;font-size:35px;font-weight:700;margin-top:-12px}@media only screen and (min-width:1000px){.ht-p2{font-size:70px}}.hst-p{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;margin-top:-20px;text-align:left}@media only screen and (min-width:1000px){.hst-p{font-size:28px;margin-top:-40px;padding-right:20px}}.hst-span{color:#f2efe5;opacity:65%}.short-points{color:#20c472;font-family:Arial,Helvetica,sans-serif;font-size:18px;text-align:left}.sp-span{color:#f2efe5;opacity:65%}#sp-p2{margin-top:-15px}@media only screen and (min-width:1000px){.short-points{font-size:20px}}.btn-home{align-items:center;margin-left:-9px;margin-top:-130px}@media only screen and (min-width:1000px){.btn-home{margin-left:-635px;margin-top:-60px}}.btn-home a{color:#20c472;cursor:pointer;display:flex;font-size:15px;justify-content:space-around;text-decoration:none}@media only screen and (min-width:1000px){.btn-home a{font-size:20px}}.btn{background-color:#000;border:1px solid #20c472;margin-left:15px;max-height:40px;max-width:120px;min-height:40px;min-width:120px}@media only screen and (max-width:999px){.btn{max-height:30px;max-width:90px;min-height:35px;min-width:90px}}.about{margin-top:3%}@media only screen and (max-width:999px){.about{margin-top:4%}}.about-title{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:700;text-align:center}@media only screen and (max-width:999px){.about-title{font-size:20px}}.about-content{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px;margin-left:10%;margin-right:10%;margin-top:5%;text-align:center}@media only screen and (min-width:1000px){.about-content{display:flex;font-size:20px;justify-content:space-around;margin-left:10%;margin-right:10%;text-align:left}.abt-p{padding-left:50px}}.abt-img{border-radius:50%;height:180px;width:180px}@media only screen and (min-width:1000px){.abt-img{height:320px;padding:20px;width:320px}}.abt-p{color:#20c472}.abt-p span{color:#f2efe5;opacity:40%}.exp-timeline{margin-top:2%}@media only screen and (max-width:999px){.exp-timeline{margin-top:4%}}.exp-title{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:700;text-align:center}@media only screen and (max-width:999px){.exp-title{font-size:20px}}.exp-container{color:#20c472;display:flex;flex-direction:column;margin:40px 0;position:relative}.exp-container:after{background-color:#20c472;content:"";height:100%;left:calc(50% - 2px);position:absolute;width:4px}.timeline-item{display:flex;justify-content:flex-end;margin:10px 0;padding-right:30px;position:relative;width:50%}.timeline-item:nth-child(odd){align-self:flex-end;justify-content:flex-start;padding-left:30px;padding-right:0}.timeline-item-content{align-items:flex-end;border:1px solid #20c472;border-radius:5px;display:flex;flex-direction:column;max-width:70%;padding:15px 30px 15px 15px;position:relative;text-align:right;width:300px}.timeline-item-content:after{background-color:#20c472;content:" ";height:15px;position:absolute;right:-9px;top:calc(50% - 7.5px);transform:rotate(45deg);width:15px}.timeline-item:nth-child(odd) .timeline-item-content{align-items:flex-start;padding-left:30px;text-align:left}.timeline-item:nth-child(odd) .timeline-item-content:after{left:-7.6px;right:auto}.timeline-item-content .type{color:#f2efe5;font-size:12px;font-weight:700;left:5px;letter-spacing:1px;opacity:40%;padding:5px;position:absolute;text-transform:uppercase;top:5px}.timeline-item:nth-child(odd) .timeline-item-content .type{left:auto;right:5px}.timeline-item-content .time{color:#f2efe5;font-size:12px;font-weight:700;opacity:70%}.timeline-item-content .company-name{font-size:16px;line-height:24px;margin:5px 0;max-width:250px}.timeline-item-content .job-title{font-size:16px;line-height:24px;margin:5px 0;max-width:300px}@media only screen and (max-width:999px){.timeline-item-content{max-width:80%}.timeline-item-content,.timeline-item:nth-child(odd) .timeline-item-content{align-items:center;padding:15px 10px;text-align:center}.timeline-item-content .type{text-align:center;width:calc(100% - 10px)}.timeline-item-content time{margin-top:20px}}.expertise{margin-top:3%}@media only screen and (max-width:999px){.expertise{margin-top:4%}}.expertise-title{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:700;text-align:center}@media only screen and (max-width:999px){.expertise-title{font-size:20px}}.expt-container{margin-top:5%}.expt-section{margin-bottom:4%;margin-left:10%;margin-right:10%}@media only screen and (min-width:999px){.expt-section{display:flex;justify-content:space-between}}.expt-section-title{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:700}@media only screen and (max-width:999px){.expt-section-title{font-size:16px}}.expt-list{display:flex;flex-wrap:wrap;margin-top:10%}@media only screen and (min-width:1000px){.expt-list{align-items:flex-start;display:flex;justify-content:space-between;margin-top:0}}@media only screen and (max-width:999px){.expt-content{margin-bottom:10px}}.expt-c-icon{height:60px;margin-right:20px;width:60px}.expt-c-label{color:#f2efe5;font-size:12px;margin-right:20px;opacity:40%;padding-top:25px}.expt-c-label,.projects{font-family:Arial,Helvetica,sans-serif}.projects{color:#fff;margin-top:1%}@media only screen and (max-width:999px){.projects{margin-top:4%}}.projects-title{font-size:40px;font-weight:700;text-align:center}@media only screen and (max-width:999px){.projects-title{font-size:20px}}.projects-container{margin-top:5%}.project-cards{margin-bottom:6%;margin-left:8%;margin-right:8%}@media only screen and (min-width:1000px){.project-cards{display:flex;justify-content:space-between;margin-bottom:2%;margin-left:10%;margin-right:10%;position:relative}}.project-card img{border-radius:1%;height:400px;width:700px}@media only screen and (max-width:999px){.project-card img{border-radius:1%;height:300px;width:350px}}.project-card-detail{margin-left:5%;text-align:left}@media only screen and (max-width:999px){.project-card-detail{margin-left:4%;margin-right:4%}}#project-title{font-size:25px;font-weight:700}#project-domain{color:#f2efe5;opacity:50%}.project-ts{display:inline-block;font-size:12px;font-weight:700}.ts-button{background-color:#000;border:1px solid #20c472;color:#20c472;margin-bottom:8px;margin-right:20px;padding:5px}.project-url{cursor:pointer;display:flex;justify-content:flex-start;margin-top:30px}.url{color:#20c472;font-size:17px}.resume{margin-bottom:3%;margin-top:3%}@media only screen and (max-width:999px){.resume{margin-bottom:7%;margin-top:4%}}.resume-title{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:700;text-align:center}@media only screen and (max-width:999px){.resume-title{font-size:20px}}.resume-container{align-items:center}.resume-container a{color:#20c472;cursor:pointer;display:flex;font-size:15px;justify-content:space-around;text-decoration:none}@media only screen and (min-width:1000px){.resume-container a{font-size:20px}}.resume-content{color:#20c472;font-family:Arial,Helvetica,sans-serif;font-size:18px;margin-left:10%;margin-right:10%;text-align:center}@media only screen and (min-width:1000px){.resume-content{font-size:20px}}.resume-content-span{color:#f2efe5;opacity:40%}.contact{margin-bottom:1.5%;margin-top:2.5%}@media only screen and (max-width:999px){.contact{margin-bottom:1.3%;margin-top:4%}}.contact-title{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:700;text-align:center}@media only screen and (max-width:999px){.contact-title{font-size:20px}}.contact-container{align-items:center;margin-left:10%;margin-right:10%}.contact-content-p{color:#f2efe5;font-family:Arial,Helvetica,sans-serif;font-size:18px;opacity:40%;text-align:center}@media only screen and (min-width:1000px){.contact-content-p{font-size:20px}}.contact-container a{color:#20c472;cursor:pointer;display:flex;font-size:15px;justify-content:space-around;text-decoration:none}@media only screen and (min-width:1000px){.contact-container a{font-size:20px}}@media only screen and (max-width:999px){.contact-container Button{margin-bottom:10px}}
/*# sourceMappingURL=main.11666fed.css.map*/