:root {
  --color-beige: #f6f4e6;
  --color-yellow: #fddb3a;
  --color-gray: #52575d;
  --color-black: #41444b;
  --font-size-base: 22px; }

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-size: var(--font-size-base);
  font-weight: 100;
  background: url("images/watermark.png");
  line-height: 1.5em; }

a {
  color: #1876fa; }
  a:hover, a:visited {
    color: #172EF4; }

h1, h2, h3 {
  line-height: 1.8em;
  margin: 0;
  color: var(--color-black); }

h1 {
  font-size: 2em;
  font-weight: 500; }

h2 {
  font-size: 1.7em;
  font-weight: 300; }

h3 {
  font-size: 1.5em;
  font-weight: 100; }

h4 {
  font-size: 1.2em;
  font-weight: 100; }

h5, h6 {
  font-size: 1em;
  font-weight: 300; }

p, div, span, a {
  font-size: 1em;
  margin: 0;
  padding: 0; }

ul, li {
  font-size: 1em; }

.content_container {
  margin: 20px 40px; }

.links {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  font-weight: 200; }
  .links a {
    position: relative;
    padding-right: 20px;
    display: inline-block;
    text-decoration: none; }
    .links a:hover {
      text-decoration: underline; }

.box {
  margin: 40px -40px 20px;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 26px 46px;
  font-size: 1.25em; }
  .box.alt {
    background-color: var(--color-black);
    color: var(--color-beige); }
    .box.alt a {
      color: #77d; }
    .box.alt .subskills {
      color: var(--color-yellow); }
  .box ul li {
    color: inherit;
    margin-bottom: 14px; }

.subskills {
  color: var(--color-gray);
  font-size: .8em; }

.work_resume .technology_list {
  margin-top: 12px;
  color: #333; }

.work_resume li {
  line-height: 2.2em;
  margin-bottom: 22px; }

.disclaimer {
  text-align: center;
  padding: 40px;
  color: #aaa;
  font-size: .7em; }

@media (max-width: 500px) {
  ul {
    list-style-type: none;
    padding: 0; } }