a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{width:100%}html[data-theme=Light] body{background-image:url(/static/media/Screenshot-light.52fb43d2.png);background-attachment:fixed;background-position:50%;background-size:cover}html[data-theme=Light] body #root #body{color:#212529;display:flex;flex-direction:column}html[data-theme=Light] body #root #body .nav-bar-portfolio{background-color:#fff!important}html[data-theme=Light] body #root #body .nav-bar-portfolio a{color:#212529}html[data-theme=Light] body #root #body .nav-bar-portfolio a:hover{color:#00afaf}html[data-theme=Light] body #root #body .nav-bar-portfolio .nav-bar-links .nav-link-bar a{color:#212529}html[data-theme=Light] body #root #body .nav-bar-portfolio .nav-bar-links .nav-link-bar a:hover{color:#00afaf}html[data-theme=Light] body #root #body .nav-bar-portfolio .nav-bar-links .career-links a{color:#212529}html[data-theme=Light] body #root #body .nav-bar-portfolio .nav-bar-links .career-links a:hover{color:#00afaf}html[data-theme=Light] body #root #body .nav-bar-portfolio .switch{background:#74407a;color:#fff}html[data-theme=Light] body #root #body .main-content{background:rgba(218,200,175,.8)!important;color:#212529}@media (max-width:975px){html[data-theme=Light] body #root #body .main-content{padding:10px}}html[data-theme=Light] body #root #body .main-content .btn{background:#00afaf}html[data-theme=Light] body #root #body .main-content .btn a{color:#fff}html[data-theme=Light] body #root #body .main-content .btn:hover{background:#007c7c}html[data-theme=Light] body #root #body .main-content .banner-container{height:auto}html[data-theme=Light] body #root #body .main-content .banner-container button{background:#74407a;color:#fff}html[data-theme=Light] body #root #body .main-content .banner-container button:hover{background:#212529;color:#fff}html[data-theme=Light] body #root #body .main-content .banner-container .career-urls a{color:#212529}html[data-theme=Light] body #root #body .main-content .banner-container .career-urls a:hover{color:#00b3b3}html[data-theme=Light] body #root #body .main-content .download-resume{text-align:right}@media (max-width:975px){html[data-theme=Light] body #root #body .main-content .download-resume{background:#fff}}@media (max-width:425px){html[data-theme=Light] body #root #body .main-content .download-resume{background:transparent;border-radius:20px}}html[data-theme=Light] body #root #body .main-content .download-resume a{color:#212529}@media (max-width:767px){html[data-theme=Light] body #root #body .main-content .download-resume a{background:#fff}}html[data-theme=Light] body #root #body .text-container-resume,html[data-theme=Light] body #root #body .text-container-resume button{background:#fff;color:#212529}html[data-theme=Light] body #root #body .text-container-resume .recent-projects hr,html[data-theme=Light] body #root #body .text-container-resume .work-experience hr{background-color:#d3d8dc}html[data-theme=Light] body #root #body .card{background:#fff;color:#212529}html[data-theme=Light] body #root #body .card .tech-stack a{color:#212529;text-decoration:underline}html[data-theme=Light] body #root #body .card .tech-stack a:hover{text-decoration:none;color:#00e2e2}html[data-theme=Light] body #root #body .card .btn{background:#00afaf}html[data-theme=Light] body #root #body .card .btn a{color:#fff;font-weight:700}html[data-theme=Light] body #root #body .card .btn:hover{background:#007c7c}html[data-theme=Light] body #root #body .contact-form-input .form-control{background:#fff;color:#212529}html[data-theme=Dark] body{background-image:url(/static/media/Screenshot-dark.e069f985.png);background-attachment:fixed;background-position:50%;background-size:cover}html[data-theme=Dark] body #root #body{color:#a9a9b3;display:flex;flex-direction:column}html[data-theme=Dark] body #root #body .nav-bar-portfolio{background-color:#000!important}html[data-theme=Dark] body #root #body .nav-bar-portfolio a{color:#a9a9b3}html[data-theme=Dark] body #root #body .nav-bar-portfolio a:hover{color:#00b3b3}html[data-theme=Dark] body #root #body .nav-bar-portfolio .nav-bar-links .nav-link-bar a{color:#a9a9b3}html[data-theme=Dark] body #root #body .nav-bar-portfolio .nav-bar-links .nav-link-bar a:hover{color:#00b3b3}html[data-theme=Dark] body #root #body .nav-bar-portfolio .nav-bar-links .career-links a{color:#a9a9b3}html[data-theme=Dark] body #root #body .nav-bar-portfolio .nav-bar-links .career-links a:hover{color:#00b3b3}html[data-theme=Dark] body #root #body .nav-bar-portfolio .switch{background:#80ffff;color:#212529}html[data-theme=Dark] body #root #body .main-content{background:rgba(0,0,102,.8);color:#a9a9b3}@media (max-width:975px){html[data-theme=Dark] body #root #body .main-content{padding:10px}}html[data-theme=Dark] body #root #body .main-content .btn{background:#5a5c62;color:#a9a9b3}html[data-theme=Dark] body #root #body .main-content .btn a{color:#a9a9b3}html[data-theme=Dark] body #root #body .main-content .btn:hover{background:#004d4d}html[data-theme=Dark] body #root #body .main-content .banner-container button{background:#00b3b3;color:#212529}html[data-theme=Dark] body #root #body .main-content .banner-container button:hover{background:#000;color:#414348}html[data-theme=Dark] body #root #body .main-content .banner-container .career-urls a{color:#8e8e9b}html[data-theme=Dark] body #root #body .main-content .banner-container .career-urls a:hover{color:#004d4d}@media (max-width:975px){html[data-theme=Dark] body #root #body .main-content .download-resume{background:#292a2d}}@media (max-width:425px){html[data-theme=Dark] body #root #body .main-content .download-resume{background:inherit;border-radius:20px}}html[data-theme=Dark] body #root #body .main-content .download-resume a{color:#a9a9b3}html[data-theme=Dark] body #root #body .main-content .text-container-resume,html[data-theme=Dark] body #root #body .main-content .text-container-resume button{background:#292a2d;color:#a9a9b3}html[data-theme=Dark] body #root #body .main-content .text-container-resume .recent-projects hr,html[data-theme=Dark] body #root #body .main-content .text-container-resume .work-experience hr{background-color:#5b5b68}html[data-theme=Dark] body #root #body .main-content .card{background:#292a2d;color:#a9a9b3}html[data-theme=Dark] body #root #body .main-content .card .tech-stack a{color:#a9a9b3;text-decoration:underline}html[data-theme=Dark] body #root #body .main-content .card .tech-stack a:hover{text-decoration:none;color:#007c7c}html[data-theme=Dark] body #root #body .main-content .card .btn{background:#004d4d}html[data-theme=Dark] body #root #body .main-content .card .btn:hover{background:teal}html[data-theme=Dark] body #root #body .main-content .card .btn a{color:#a9a9b3;font-weight:700}html[data-theme=Dark] body #root #body .main-content .contact-form-input .form-control{background:#292a2d;color:#a9a9b3}html[data-theme=Dark] body #root #body .main-content .input-wrapper .btn{background:#00b3b3;color:#212529;font-weight:700}html[data-theme=Dark] body #root #body .main-content .input-wrapper .btn:hover{background:teal;color:#414348}.navbar{margin-bottom:0!important;font-family:Roboto}.nav-bar-portfolio{display:flex;align-self:center;padding:0;width:100%}.nav-bar-portfolio .nav-bar-brand{width:40%;display:flex;align-items:center;margin:0;cursor:pointer}@media (max-width:767px){.nav-bar-portfolio .nav-bar-brand{width:60%;padding:0}}@media (max-width:425px){.nav-bar-portfolio .nav-bar-brand{padding:0}}.nav-bar-portfolio .nav-bar-brand .name-slug{font-family:Homemade Apple}@media (max-width:425px){.nav-bar-portfolio .nav-bar-brand .name-slug{display:none}}.nav-bar-portfolio .nav-bar-brand .mobile-name-slug{display:none;font-family:Homemade Apple}@media (max-width:425px){.nav-bar-portfolio .nav-bar-brand .mobile-name-slug{display:flex}}.nav-bar-portfolio .navbar-collapse{display:flex;width:100%}@media (max-width:767px){.nav-bar-portfolio .navbar-collapse{width:100%;margin:0;padding:0}}.nav-bar-portfolio .navbar-collapse .nav-bar-links{width:100%;display:flex;justify-content:flex-end;align-self:center}@media (max-width:767px){.nav-bar-portfolio .navbar-collapse .nav-bar-links{padding-bottom:20px;padding-right:0;margin:0}}.nav-bar-portfolio .navbar-collapse .nav-bar-links .nav-link-bar{width:60%;display:flex;justify-content:flex-end;align-items:center}@media (max-width:767px){.nav-bar-portfolio .navbar-collapse .nav-bar-links .nav-link-bar{display:flex;flex-direction:column;margin-right:0;width:100%}}.nav-bar-portfolio .navbar-collapse .nav-bar-links .nav-link-bar li{cursor:pointer;margin:0 20px}.nav-bar-portfolio .navbar-collapse .nav-bar-links .switch-container{width:10%;display:flex;align-items:center}@media (max-width:767px){.nav-bar-portfolio .navbar-collapse .nav-bar-links .switch-container{margin-top:30px;width:100%;justify-content:center}}.nav-bar-portfolio .navbar-collapse .nav-bar-links .switch-container label{margin-right:10px;margin-top:5px}.nav-bar-portfolio .navbar-collapse .nav-bar-links .switch-container .day-switch{display:flex;align-items:center;justify-content:flex-end;padding-right:10px;width:100%}@media (max-width:767px){.nav-bar-portfolio .navbar-collapse .nav-bar-links .switch-container .day-switch{width:50%;justify-content:center}}.nav-bar-portfolio .navbar-collapse .nav-bar-links .switch-container .day-switch .switch{display:flex;align-items:center;justify-content:center;border-radius:20px;width:80%;cursor:pointer}@media (max-width:1050px){.nav-bar-portfolio .navbar-collapse .nav-bar-links .switch-container .day-switch .switch{width:90%}}@media (max-width:767px){.nav-bar-portfolio .navbar-collapse .nav-bar-links .switch-container .day-switch .switch{width:40%;height:20px;padding:0}}@media (max-width:425px){.nav-bar-portfolio .navbar-collapse .nav-bar-links .switch-container .day-switch .switch{width:50%}}.container-landing{width:100%;padding:30px;height:calc(100vh - 70px)}@media (max-width:767px){.container-landing{height:auto}}.container-landing .banner-container{width:100%;display:flex;justify-content:space-between;font-family:Roboto,Arial,Helvetica,sans-serif}@media (max-width:975px){.container-landing .banner-container{width:100%}}@media (max-width:767px){.container-landing .banner-container{padding:5px;font-size:1rem}}.container-landing .banner-container .text-block{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.container-landing .banner-container .text-block .pic-text{width:100%;display:flex;justify-content:center;align-items:center;font-family:Roboto;padding:20px}@media (max-width:767px){.container-landing .banner-container .text-block .pic-text{flex-direction:column-reverse;padding:10px}}@media (max-width:425px){.container-landing .banner-container .text-block .pic-text{padding:0}}.container-landing .banner-container .text-block .pic-text .welcome-intro{width:45%;padding:20px;margin-right:40px}@media (max-width:1250px){.container-landing .banner-container .text-block .pic-text .welcome-intro{padding:10px}}@media (max-width:767px){.container-landing .banner-container .text-block .pic-text .welcome-intro{padding:0;margin-right:0;width:80%;margin-top:40px}}@media (max-width:425px){.container-landing .banner-container .text-block .pic-text .welcome-intro{width:100%}}@media (max-width:767px){.container-landing .banner-container .text-block .pic-text .welcome-intro h1,.container-landing .banner-container .text-block .pic-text .welcome-intro h2,.container-landing .banner-container .text-block .pic-text .welcome-intro h3{text-align:center}}.container-landing .banner-container .text-block .pic-text .welcome-intro .banner-button-container{height:50px;width:60%;display:flex;align-items:center}@media (max-width:1250px){.container-landing .banner-container .text-block .pic-text .welcome-intro .banner-button-container{width:100%}}@media (max-width:600px){.container-landing .banner-container .text-block .pic-text .welcome-intro .banner-button-container{flex-direction:column;width:100%;height:100px;justify-content:space-around}}.container-landing .banner-container .text-block .pic-text .welcome-intro .banner-button-container a:first-child{margin-left:0}.container-landing .banner-container .text-block .pic-text .welcome-intro .banner-button-container a{width:50%}@media (max-width:600px){.container-landing .banner-container .text-block .pic-text .welcome-intro .banner-button-container a{width:100%;display:flex;justify-content:center}}.container-landing .banner-container .text-block .pic-text .welcome-intro .banner-button-container a button{border-radius:20px;width:80%}@media (max-width:1250px){.container-landing .banner-container .text-block .pic-text .welcome-intro .banner-button-container a button{width:95%}}@media (max-width:600px){.container-landing .banner-container .text-block .pic-text .welcome-intro .banner-button-container a button{width:80%}}@media (max-width:425px){.container-landing .banner-container .text-block .pic-text .welcome-intro .banner-button-container a button{width:100%}}.container-landing .banner-container .text-block .pic-text .welcome-intro .career-urls{width:60%;display:flex;justify-content:flex-start}@media (max-width:600px){.container-landing .banner-container .text-block .pic-text .welcome-intro .career-urls{justify-content:space-around;width:100%}}.container-landing .banner-container .text-block .pic-text .welcome-intro .career-urls a{width:20%;font-size:1.5rem;text-align:left;margin-left:10px}@media (max-width:600px){.container-landing .banner-container .text-block .pic-text .welcome-intro .career-urls a{margin-left:0;width:auto;padding:0 10px}}.container-landing .banner-container .text-block .pic-text img{max-width:250px;width:100%;max-height:500px;border-radius:50%}@media (max-width:767px){.container-landing .banner-container .text-block .pic-text img{border-radius:20px}}.resume-container .text-container-resume{width:100%;height:100%;border-radius:20px;padding:30px;font-family:Roboto}.resume-container .text-container-resume h1{text-align:center}.resume-container .text-container-resume .contact-info,.resume-container .text-container-resume .tech-skills{text-align:center;margin:20px}.resume-container .text-container-resume .single-education-experience,.resume-container .text-container-resume .single-project,.resume-container .text-container-resume .single-work-experience{margin:20px}.resume-container .text-container-resume .single-education-experience .responsibilities,.resume-container .text-container-resume .single-project .responsibilities,.resume-container .text-container-resume .single-work-experience .responsibilities{list-style-type:disc;margin-top:20px;margin-left:30px}.resume-container .text-container-resume .title-date{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:5px}.resume-container .text-container-resume .title-date h5{margin:0;padding:0}.resume-container .text-container-resume .title-date span{padding-top:20px;margin-top:0}@media (max-width:1250px){.resume-container .text-container-resume .title-date{flex-direction:column;align-items:flex-start}}.resume-container .text-container-resume .single-education-experience h5{margin:0;padding:0}@media (max-width:975px){.resume-container .text-container-resume{display:none}}.resume-container .download-resume{display:flex;justify-content:flex-end;align-items:center;width:100%;height:40px;margin-bottom:10px}@media (max-width:975px){.resume-container .download-resume{height:100px;border-radius:20px;padding:20px}}@media (max-width:767px){.resume-container .download-resume{height:auto;width:auto}}.resume-container .download-resume a{font-weight:700;font-size:1.5rem}@media (max-width:975px){.resume-container .download-resume a{display:flex;width:100%;justify-content:center;align-items:center;font-size:2rem;text-align:center;padding:20px}}@media (max-width:767px){.resume-container .download-resume a{flex-direction:column;border-radius:20px;margin:0 20px;width:auto}}.resume-container .download-resume a img{width:48px}@media (max-width:767px){.resume-container .download-resume a img{width:56px;margin-bottom:10px}}.card-deck{padding:0 40px 40px;width:100%;align-self:center;display:flex;justify-content:space-around;min-height:300px;height:100%}@media (max-width:975px){.card-deck{flex-direction:column!important;justify-content:center;align-items:center}}.card-deck .card{flex:none!important;width:30%;margin:50px 0;font-size:1.4rem;display:flex;justify-content:space-between}@media (max-width:1250px){.card-deck .card{width:45%}}@media (max-width:975px){.card-deck .card{width:70%}}@media (max-width:650px){.card-deck .card{width:90%}}@media (max-width:425px){.card-deck .card{width:100%}}.card-deck .card .card-img{height:300px}.card-deck .card .card-title{padding:10px 15px 0;margin:0;font-weight:700;font-size:2rem}.card-deck .card .card-text{padding:0 15px 15px;display:flex;flex-direction:column;justify-content:space-between}.card-deck .card .card-text .tech-stack{font-size:1.2rem;margin-top:15px}.card-deck .card .card-text .tech-stack span{font-weight:700}.card-deck .card .btn{width:80%;align-self:center;border-radius:20px;margin:20px}.card-deck .card a{text-decoration:none}.card-deck .card .card-hidden{visibility:hidden}.contact-wrapper{height:100vh;display:flex;justify-content:center;padding-top:50px}.contact-wrapper .contact-form{width:70%}.contact-wrapper .contact-form .contact-header{font-size:2rem;font-weight:600}.contact-wrapper .contact-form label{font-size:1.5rem}.contact-wrapper .contact-form input{font-size:1.4rem}.contact-wrapper .contact-form textarea{font-size:1.4rem;height:200px}.contact-wrapper .contact-form .input-wrapper{display:flex;flex-direction:column}.contact-wrapper .contact-form .input-wrapper .btn{border-radius:20px;width:30%;align-self:flex-end}@media (max-width:975px){.contact-wrapper .contact-form .input-wrapper .btn{width:50%}}@media (max-width:767px){.contact-wrapper .contact-form .input-wrapper .btn{align-self:center;width:80%;margin-top:20px}}
/*# sourceMappingURL=main.06730d00.chunk.css.map */