.page-headline {
    background-color: #ea861e;
    color: black;
    font-size: 50px;
    border: 10px solid #ea861e;
    border-radius: 10px;
    text-align: center;
}
.main-content-grid {
    margin-top: 15px;
    display: grid;
    grid-template-columns: 12em auto;
    margin-bottom: 15px;
}
.main-content-grid:first-of-type {
    margin-top: 100px;
}
.main-content-grid:last-of-type {
    margin-bottom: 100px;
}
.duration-column {
    grid-column: 1;
    background-color: #ea861e;
    border: 3px solid #ea861e;
    border-radius: 3px 0 0 3px;
}
.duration-field {
    display: block;
    background-color: #ea861e;
    text-align: right;
    padding-right: 3px;
    font-size: 20px;
    color: black;
}
.main-content-column {
    grid-column: 2;
    border-width: 0 0 3px 0;
    border-color: #ea861e;
    border-style: solid;
    border-bottom-right-radius: 3px;
}
.headline-container {
    background-color: #ea861e;
    color: black;
    font-size: 20px;
}
.main-content-container {
    display: block;
    border: 5px solid #ea861e;
    border-top-right-radius: 3px;
}
.main-content-headline-grid {
    display: grid;
    grid-template-columns: auto 60px;
}
.main-content-headline-headline {
    grid-column: 1;
    background-color: #ea861e;
    color: black;
    font-size: 20px;
}
.main-content-headline-link {
    grid-column: 2;
    background-color: #ea861e;
    color: black;
    padding-top: 3px;
    text-align: right;
}
.main-content-headline-link > a {
    border: 3px solid black;
    border-radius: 3px;
    font-size: 0.9em;
}
.link:hover {
    border-color: white;
}
.content-headline {
    font-size: 20px;
    background-color: #ea861e;
    color: black;
    padding-left: 3px;
}
.content-body {
    background-color: #363434;
    font-size: 18px;
}
.project-body {
    padding-left: 5px;
}
.content-grid {
    display: grid;
    grid-template-columns: 7.5em auto;
    border: 3px solid #363434;
}
.content-grid:nth-of-type(2n) {
    background-color: #414040;
    border-color: #414040;
}
.content-grid:nth-of-type(2n) > * {
    background-color: #414040;
}
.content-grid:nth-of-type(2n) > div > strong {
    background-color: #414040;
}
.content-grid-headline {
    grid-column: 1;
    text-align: right;
    background-color: #363434;
    padding-right: 5px;
    border-right: 1px solid black;
}
.content-grid-headline > strong {
    background-color: #363434;
    font-size: 14px;
}
.content-grid-field-ul {
    grid-column: 2;
    background-color: #363434;
    padding-left: 25px;
}
.content-grid-field-ul > li {
    background-color: #363434;
    font-size: 14px;
}
.content-grid-field {
    grid-column: 2;
    background-color: #363434;
    color: #ea861e;
    padding-left: 10px;
}
.used-skills-container {
    background-color: #ea861e;
    color: black;
    padding-left: 3px;
    border-top: 3px solid #ea861e;
}
.used-skills-container > strong {
    background-color: #ea861e;
    color: black;
}
.used-skill {
    border-radius: 0.4em;
    border: 3px solid black;
    font-size: 0.8em;
}