*{box-sizing:border-box}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:baseline}html{font-size:62.5%;border:20px solid #24292e;min-height:100vh}@media (max-width:800px){html{border:10px solid #24292e}}@media (max-width:500px){html{border:5px solid #24292e}}body{line-height:1;font-size:2rem;color:#24292e;font-family:"Montserrat",sans-serif}.App{max-width:1200px;margin:0 auto}ol,ul{list-style:none}h1,h2{font-size:4rem;font-weight:500}h3{font-size:3rem}section{margin:100px 0}section:last-child{margin:40px 0}@media (max-width:500px){section{margin:50px 0}}img{max-width:100%}.logo{border:4px solid #24292e;color:#000;font-size:2.4rem;width:60px;margin:0 7%;padding:1% .5%;font-weight:600;text-align:center;cursor:pointer}.section-header{font-weight:600;border-bottom:5px solid maroon;border-radius:5px;padding:3px}.nav-container{margin:20px 0;display:flex;align-items:center;justify-content:space-between}.nav-container nav{margin-right:10%}.nav-container nav a{color:inherit;text-decoration:none;margin:0 5%}.nav-container nav a:hover{color:maroon}@media (max-width:685px){.nav-container nav a{margin:0 15px}}@media (max-width:500px){.nav-container nav{margin:15px 0 0}}@media (max-width:420px){.nav-container nav{display:flex;flex-direction:column}.nav-container nav a{margin:5px 0}}.nav-container .active{border-bottom:2px solid maroon;border-radius:2px}@media (max-width:500px){.nav-container{flex-direction:column}}section#intro{display:flex;flex-direction:column;justify-content:center;align-items:center}section#intro h1{width:80%;line-height:1.2;font-weight:400}section#intro h1 .first-name,section#intro h1 .last-name{color:maroon;font-weight:500}section#intro h1 .role{font-weight:500}section#intro h1 .location{font-style:italic}section#intro .social-icons{display:flex;justify-content:center;margin:10px}section#intro .social-icons a{color:inherit;font-size:3rem;margin:0 20px}section#intro .social-icons a:hover{color:maroon}section#skills{display:flex;flex-direction:column;justify-content:center;align-items:center}section#skills .skills-container{display:flex;justify-content:space-evenly;margin-top:30px;width:100%}section#skills .skills-container .skill-section{margin:10px 40px}@media (max-width:800px){section#skills .skills-container .skill-section{border-bottom:5px solid maroon;border-radius:5px;margin:20px 40px;padding-bottom:20px}}@media (max-width:800px){section#skills .skills-container{flex-direction:column;align-items:center}}section#skills .skill-section{display:flex;flex-direction:column;align-items:center;width:90%}section#skills .skill-section i{font-size:6rem}section#skills .skill-section ul{margin-top:15px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:100%}section#skills .skill-section ul li{margin:5px;font-size:2.4rem}section#projects{display:flex;flex-direction:column;align-items:center}section#projects .projects-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}section#projects .projects-container .project{margin:50px 0;width:500px;display:flex;flex-direction:column;align-items:center;background-color:#f2f2f2;border-radius:10px}section#projects .projects-container .project .project-title{display:flex;align-items:center}section#projects .projects-container .project .project-title a{color:inherit}section#projects .projects-container .project .project-title i{font-size:3rem}section#projects .projects-container .project .project-title i:hover{color:maroon}section#projects .projects-container .project img{border-top-left-radius:10px;border-top-right-radius:10px}section#projects .projects-container .project h4{margin:20px;font-size:2.4rem}section#projects .projects-container .project h4 a{color:inherit;text-decoration:none}section#projects .projects-container .project h4 a:hover{text-decoration:underline;-webkit-text-decoration-color:maroon;text-decoration-color:maroon}@media (max-width:600px){section#projects .projects-container .project{width:88%}}section#about{display:flex;flex-direction:column;align-items:center}section#about .about-me{display:flex;margin:30px;background-color:#f2f2f2;width:90%;border-radius:20px}section#about .about-me p{margin:15px}section#about .about-me a{color:maroon}section#about .about-me img{border-top-left-radius:20px;border-bottom-left-radius:20px}section#about .about-me:nth-of-type(2n) img{border-radius:0;border-top-right-radius:20px;border-bottom-right-radius:20px}@media (max-width:1000px){section#about .about-me:nth-of-type(2n) img{border-radius:0;border-top-right-radius:20px;border-top-left-radius:20px}}@media (max-width:1000px){section#about .about-me:nth-of-type(2n):nth-of-type(2n){flex-direction:column-reverse}}@media (max-width:1000px){section#about .about-me{flex-direction:column;width:550px}section#about .about-me img{border-radius:0;border-top-left-radius:20px;border-top-right-radius:20px}}@media (max-width:550px){section#about .about-me{width:90%}}section#resume{line-height:1.4}section#resume h3{color:maroon;font-size:2.4rem;font-weight:500}section#resume .resume-header{display:flex;flex-direction:column;align-items:center}section#resume .resume-header a,section#resume .resume-header h1{color:maroon}@media (max-width:600px){section#resume .resume-header{font-size:1.6rem}section#resume .resume-header .subhead{margin:5px}}@media (max-width:390px){section#resume .resume-header .subhead,section#resume .resume-header h1{text-align:center}}section#resume #resume-skills{flex-direction:column;margin-top:3%;padding-bottom:3%;border-bottom:1px solid #000}section#resume #resume-skills,section#resume #resume-skills div{display:flex;align-items:center}section#resume #resume-skills div .skill{font-weight:500}section#resume #resume-skills div .bar{margin:0 5px;font-size:2.2rem;font-weight:400}@media (max-width:550px){section#resume #resume-skills div{flex-wrap:wrap}section#resume #resume-skills div .bar{display:none}section#resume #resume-skills div .skill{margin:0 5px}}@media (max-width:600px){section#resume #resume-skills{font-size:1.6rem}}section#resume .section{padding:30px 10px;border-bottom:1px solid #000}section#resume .section:last-child{border:none}section#resume .section h3{text-align:center}section#resume .section a{color:maroon;text-decoration:underline}section#resume .section .sub{margin:40px 0}section#resume .section .top-line{display:flex;justify-content:space-between}section#resume .section .top-line h4{color:maroon;font-weight:500}section#resume .section .top-line .resume-location{color:#24292e;font-size:90%;font-weight:400}section#resume .section ul.bullets{list-style:disc;margin:0 60px 0 30px}@media (max-width:500px){section#resume .section{padding:20px}}section#contact{display:flex;justify-content:center;margin:50px 0}section#contact .contact-container{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center}section#contact .email-button{border-radius:10px;width:25%;text-align:center;font-weight:500;padding:10px 0;margin-top:10px;background-color:maroon;color:#fff;cursor:pointer}@media (max-width:700px){section#contact .email-button{width:50%}}@media (max-width:400px){section#contact .email-button{width:75%}}section#contact .not-copied{opacity:0}section#contact .copy-success,section#contact .not-copied{margin:10px 10px 0;font-size:1.8rem;transition:opacity .5s;cursor:default}footer{display:flex;justify-content:center;padding:20px;font-size:1.6rem}
/*# sourceMappingURL=main.8f50a021.chunk.css.map */