@font-face {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Kumbh Sans Light"), local("KumbhSans-Light"),
    url(https://fonts.gstatic.com/s/kumbhsans/v1/c4mm1n92AsfhuCq6tVsagit_7KufXGn_PooaCA.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Kumbh Sans Light"), local("KumbhSans-Light"),
    url(https://fonts.gstatic.com/s/kumbhsans/v1/c4mm1n92AsfhuCq6tVsagit_7KWfXGn_Poo.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Kumbh Sans Regular"), local("KumbhSans-Regular"),
    url(https://fonts.gstatic.com/s/kumbhsans/v1/c4ml1n92AsfhuCq6tVsaio5d-Yi9UUPFNw.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Kumbh Sans Regular"), local("KumbhSans-Regular"),
    url(https://fonts.gstatic.com/s/kumbhsans/v1/c4ml1n92AsfhuCq6tVsaioBd-Yi9UUM.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Kumbh Sans Bold"), local("KumbhSans-Bold"),
    url(https://fonts.gstatic.com/s/kumbhsans/v1/c4mm1n92AsfhuCq6tVsagjt47KufXGn_PooaCA.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Kumbh Sans Bold"), local("KumbhSans-Bold"),
    url(https://fonts.gstatic.com/s/kumbhsans/v1/c4mm1n92AsfhuCq6tVsagjt47KWfXGn_Poo.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
body,
html {
  height: 100%;
}
*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul[class] {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
img {
  display: block;
  max-width: 100%;
}
.wrap {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
}
:root {
  --sans-serif: "Kumbh Sans", sans-serif;
  --bg: #f7fafc;
  --text: #4a5568;
  --accent: #1abc9c;
  --shadow: 0 0 1px 0 rgba(189, 192, 207, 0.06),
    0 10px 16px -1px rgba(189, 192, 207, 0.2);
}
body {
  font-size: 1rem;
  line-height: 1.575;
  background-color: #f7fafc;
  background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23edf2f7' fill-opacity='0.42' fill-rule='evenodd'/%3E%3C/svg%3E");
  color: var(--text);
  font-family: var(--sans-serif);
  border-top: 0.5rem solid var(--accent);
}
.hero {
  padding: 5rem 0 4rem;
  position: relative;
}
.hero .title {
  font-size: 2rem;
}
.hero .role {
  display: inline-block;
  font-weight: 300;
  margin: 0.25rem 0 0.35rem;
}
.social {
  margin-top: 1rem;
}
.social li {
  display: inline-block;
}
.social li + li {
  margin-left: 0.75rem;
}
.social svg {
  display: block;
  height: 30px;
  width: 30px;
  stroke: var(--accent);
}
.section-heading {
  margin-bottom: 2rem;
}
.Works ,.Experience, .Education ,.Skills  {
  padding: 2rem 0;
}
.projects .project-item + .project-item {
  margin-top: 1.5rem;
}
.project-item {
  box-shadow: var(--shadow);
  background-color: var(--bg);
  border-radius: 3px;
  padding: 1.5rem;
  box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0, rgba(0, 0, 0, 0.08) 0 0 0 1px;
}
.project-item h3 {
  font-size: 1.25rem;
  font-weight: 700;
}
.project-item .project-intro {
  margin: 0.25rem 0 0.5rem;
  font-size: 0.95rem;
}
.project-item .links a {
  text-decoration: underline;
  font-size: 0.92rem;
  color: #031814;
  transition: color 150ms ease;
}
.project-item .links a:hover {
  color: var(--accent);
}
.more-projects {
  display: block;
  font-size: 0.88rem;
  margin-top: 1.35rem;
}
.more-projects a {
  text-decoration: underline;
  color: var(--accent);
}
.contact {
  padding: 2rem 0 3rem;
}
.contact .section-heading {
  margin-bottom: 1.125rem;
}
.contact a {
  text-decoration: underline;
  color: var(--accent);
}
footer {
  padding: 10px;
  text-transform: uppercase;
  text-align: center;
  font-size: 0.88rem;
}
@media (min-width: 576px) {
  .wrap {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .wrap {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .wrap {
    max-width: 960px;
  }
}