:root {
  color: #111;
  background: #f8f8f8;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.55;
}

body {
  margin: 0;
  padding: 24px;
}

.resume-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 32px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(0,0,0,0.08);
  border-radius: 14px;
}

.resume-container .page-header {
  text-align: left;
  margin-bottom: 20px;
  color:#ffffff;
  background: #1d3c6b;
  width: 100%;
  padding: 5px 10px 5px 5px;
  display: flex;
  justify-content: space-between;
}

 .resume-container .page-header a {
  color: #ffffff;
  text-decoration: none;
}

.page {
  margin-bottom: 36px;
}

h2 {
  margin: 24px 0 12px;
  font-size: 1.45rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #1d3c6b;
}

h2.subHead {
  color:#ffffff;
  background: #1d3c6b;
  padding:4px;
  font-size: 1.2rem;
}

h3 {
  margin: 18px 0 8px;
  font-size: 1.1rem;
  color: #333;
}

h3.cmpy {
  font-size: 1.0rem;
  font-style: italic;
}

h3.key {
  font-size: 0.8rem;
}

p {
  margin: 0 0 10px;
  font-size: 1rem;
}

span.tech {
  font-weight: bold;
  color: #000000;
  font-size: 0.9rem;
}

@media (max-width: 720px) {
  body {
    padding: 16px;
  }
  .resume-container {
    padding: 22px;
  }
}