/* projects theme */

header * {
    color: #ff4e52;
}

body {
    background-color: #03071e;
}

/* projects layout */

.year {
    margin-top: 3em; /* Space before year */
    color: #f7b267; /* Text color for year */
    text-align: center;
}

section {
    color: #f7b267;
    border: 2px dashed #f7b267;
    padding: 0.5em 2em 1em;
    margin: 2.5em; /* Space between sections */
}

.project-links {
    display: flex; /* Enable flexbox */
    gap: 2.5rem; /* Adjust spacing between children */
    flex-wrap: wrap; /* Optional: allow wrapping if needed */
}

a {
    color: #e34245;
    text-decoration: none;
}

a:hover {
    color: #ff4e52;
    text-decoration: none;
}

.project-tags {
    display: flex;
    flex-direction: column; /* Stack tag rows vertically */
    gap: 0.5rem; /* Optional: space between rows */
}

.tag-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.25em; /* Add space between different tag-type rows */
}

.tag-type {
}

.languages-tag,
.frameworks-tag,
.libraries-tag,
.tools-tag {
    font-size: 0.8em;
    padding: 0.1em 0.5em;
    border-radius: 5px;
    background-color: transparent;
}

.languages-tag {
    color: #f79d65;
    border: 1px solid #f79d65;
}

.frameworks-tag {
    color: #f4845f;
    border: 1px solid #f4845f;
}

.libraries-tag {
    color: #f27059;
    border: 1px solid #f27059;
}

.tools-tag {
    color: #f25c54;
    border: 1px solid #f25c54;
}

.languages-type,
.frameworks-type,
.libraries-type,
.tools-type {
    font-size: 0.8em;
    padding: 0.1em 0.5em;
    border-radius: 5px;
    border: 1px solid transparent;
    width: 75px;
    text-align: center;
    font-weight: bold;
}

.languages-type {
    color: #03071e;
    background-color: #f79d65;
}

.frameworks-type {
    color: #03071e;
    background-color: #f4845f;
}

.libraries-type {
    color: #03071e;
    background-color: #f27059;
}

.tools-type {
    color: #03071e;
    background-color: #f25c54;
}

.project-description {
    color: #f7b267; /* Text color for paragraph */
    text-align: justify;
}