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