*{margin-inline:0;margin-block:0;padding-inline:0;padding-block:0;list-style-type:none}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}.header-wrapper{grid-area:heading;background-image:linear-gradient(to right, #8c8c8c, #e6e6e6);border-radius:.5rem;padding-top:2rem;padding-bottom:2rem}@media only screen and (max-width: 1024px),(max-device-width: 1024px){.header-wrapper{border-radius:0}}.header{display:block}.header-name{font-size:3.75rem;font-variant:small-caps;color:#232324;text-align:right;padding-right:15rem}@media only screen and (max-width: 1024px),(max-device-width: 1024px){.header-name{padding:.5rem;font-size:2.5rem;text-align:center}}.header-job{font-size:1.5rem;text-transform:uppercase;color:#464646;text-align:right;padding-right:15rem}@media only screen and (max-width: 1024px),(max-device-width: 1024px){.header-job{padding:.25rem;font-size:1.25rem;text-align:center}}.profile{grid-area:profile;padding:2rem}.profile-title{text-transform:uppercase;color:#464646;font-size:2.25rem;padding:1rem}.profile-body{color:#464646;font-size:2rem;padding:1rem}.contact-list{list-style-type:none;grid-area:contact;padding:2rem}.contact-icon{width:1.5rem;height:1.5rem;vertical-align:middle;margin-right:.5rem}@media only screen and (max-width: 1024px),(max-device-width: 1024px){.contact-icon{width:1.3rem;height:1.3rem}}.contact-item{padding:1rem;color:#464646}.contact-text{display:inline-block;vertical-align:middle;font-size:2rem}@media only screen and (max-width: 1024px),(max-device-width: 1024px){.contact-text{font-size:1.65rem}}.experience{grid-area:experience;padding:2rem}.experience-title{text-transform:uppercase;color:var(--color-gray-light);font-size:2.1rem;padding:1rem}.experience-item{padding:1rem}.exp-company-name{padding:.5rem;font-size:1.85rem;font-variant:small-caps;color:var(--color-gray-lighter)}.exp-details{padding:.5rem;font-size:1.65rem;color:var(--color-gray-light)}.education{grid-area:education;padding:2rem}.education-title{text-transform:uppercase;color:var(--color-gray-light);font-size:2.1rem;padding:1rem}.education-item{padding:1rem}.education-school{padding:.5rem;font-size:1.85rem;color:var(--color-gray-light);font-variant:small-caps;font-weight:bolder}.education-degree{padding:.5rem;font-size:1.65rem;color:var(--color-gray-lighter)}.page{display:grid;width:85%;grid-template-areas:"heading heading" "contact profile" "education experience";margin:0 auto}@media only screen and (max-width: 1024px),(max-device-width: 1024px){.page{width:auto;grid-template-areas:"heading" "profile" "experience" "education" "contact";grid-template-columns:minmax(0, 1fr)}}@media screen and (min-width: 1600px){.page{max-width:1300px}}