.darkOrange{fill:#e24d26}.grayWhite{fill:#eaeaea}.lightOrange{fill:#ef652a}.white{fill:#fff}body{font-family:Roboto,sans-serif;font-size:4rem;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Cousine,monospace}.container{display:grid}svg{display:block;height:auto;margin:0 auto;width:28rem}h1{font-size:4rem;text-align:center}h2{background:#f0652a;box-shadow:1px 1px 1px #333;font-size:3rem;margin:0;padding:1rem;position:relative;width:25vw;top:-1rem;transform:translateX(-95%)}h3{font-size:2.5rem}.slideIn{transition:all 1s ease}.slideIn.slid{transform:translateX(0)}@keyframes fadein{from{opacity:0}to{opacity:1}}header{align-items:center;animation:fadein 2s;background:url(../images/headerHero.png) no-repeat top center;background-attachment:fixed;background-size:cover;display:flex;height:100vh;justify-content:center}@supports (-webkit-touch-callout :none){header{background-attachment:scroll}}.headerGreeting{color:#eee;font-size:6rem;margin:1rem;text-align:center;text-shadow:4px 4px 0 #000,-4px 4px 0 #000,4px -4px 0 #000,-4px -4px 0 #000,0 4px 0 #000,0 -4px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,3px 3px 0 #000}.siteLogo{animation:fadein 2s;border-top:5px solid #1371b6;border-left:5px solid #1371b6;border-right:5px solid #1371b6;position:relative}.siteLogo__introTextContainer{background:#1371b6;color:#fff;padding:1rem}.siteLogo__introText{font-size:2rem;text-align:center}.specialization{padding-bottom:1.2rem}.container-specialization{grid-gap:1rem 1rem;grid-template-columns:1fr 1fr;padding:0 1rem}.specialization__heading{text-align:right}.specialization__text{align-self:center;font-size:1.5rem}.portfolio{background:#eee;padding-bottom:1.2rem}.portfolio img{height:auto;width:100%}.container-portfolio{grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:2rem 2rem;justify-items:center;padding:0 1rem}.card{overflow:hidden;position:relative;width:100%}.card a{color:#fff}.card-info:focus-within,.card:focus .card-info,.card:hover .card-info{opacity:.95}.card-info{background-color:#1371b6;bottom:0;color:#fff;font-size:1rem;height:100%;left:0;opacity:0;overflow:auto;padding:0 1rem;position:absolute;right:0;top:0;transition:.5s ease;word-break:break-word}.card:focus .card-info,.card:hover .card-info{display:block}.card-title h3{font-size:1.75rem;text-align:center}.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}.container-workHistory{align-items:center;grid-gap:1rem;grid-template-columns:1fr 4fr;padding-top:1.2rem}.workHistory__job{font-size:1.2rem;max-width:720px;padding:1rem}.workHistory__jobTitle{font-size:1.5rem}.workHistory__jobDescription,.workHistory__jobTimePeriod{font-size:1.3rem}.workHistory__jobDescription li{list-style-type:square}.workHistory__msuLogo{fill:#18453b;transform:rotate(-90deg);width:20rem}.workHistory__cmuLogo{fill:#6a0032;transform:rotate(-90deg);width:15rem}.container-education{color:#333;grid-template-columns:1fr 1fr;position:relative;top:-86px;z-index:-1;background:#eee;margin-bottom:-86px;grid-gap:1rem}.education__description{font-size:2rem}.education__baker,.education__cmu{display:grid;grid-template-columns:1fr 1fr;justify-content:center;padding:6rem 1rem 1rem;text-align:center;align-items:center}.education__cmuLogo{width:20rem;height:auto}.contact{background:#fff;word-break:break-word}.container-contact{grid-gap:1rem 1rem;grid-template-columns:1fr 2fr}.contact__photo{align-self:end;bottom:-4px;position:relative}.contact__photo img{height:auto;width:100%;padding:0 1rem 0 0;border-radius:0 100px 0 0}.contact__info{color:#060606;font-size:2rem;padding:0 1rem}.contact__info ul{list-style-type:none;padding:0}.contact__info a{color:#2388b3}footer{background:#1371b6;color:#fff;font-size:1rem;margin-top:-12px;padding:1rem;text-align:center}.footer__jeLogo{width:5rem}.footer__text{padding:1rem}@media only screen and (max-width:1500px){.container-portfolio{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:1250px){h2{font-size:2.5rem;width:40vw}.container-portfolio{grid-template-columns:1fr 1fr}.contact__photo img{border-radius:0 200px 0 0}.education__baker,.education__cmu{grid-template-columns:1fr}}@media only screen and (max-width:840px){.container-portfolio{grid-template-columns:1fr}.container-education{grid-template-columns:1fr;grid-gap:.5rem}}@media only screen and (max-width:720px){svg{width:75%}h2{width:80vw}.container-specialization{grid-gap:0}.specialization__heading{grid-column:1/-1;text-align:center;justify-self:center}.specialization__text{grid-column:1/-1;text-align:center}.container-workHistory{grid-template-columns:1fr}.workHistory__cmuLogo,.workHistory__msuLogo{transform:rotate(0)}.workHistory__msuLogo{width:15rem}.workHistory__cmuLogo{width:10rem}.container-education{background-attachment:scroll}.education__cmuLogo{width:15rem}.education__bakerLogo{width:15rem}.container-contact{grid-template-columns:1fr}.contact__photo{grid-row:2/3}.contact__photo img{border-radius:0;padding:0}}