main {
    margin-bottom: 75px;
}

.terminal {
    animation: none;
}

.termEntete {
    justify-content: space-around;
}

.terminal {
    margin: auto;
    width: auto;
}

.section a {
    text-decoration: none;
    color: #3CBFFF;
    transition: color 0.25s;
}

.section a:hover {
    color: #0e7ab1;
}

.termSubtitleDiv, .capabilityStatus {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
}

.termSubtitleDiv h3, .capabilityStatus h3 {
    font-family: 'Google Sans';
    font-size: 20px;
}

.linkedProjectList {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    gap: 0 20px;
}

.winTitle img {
    width: 24px;
    height: 24px;
}

.titleNotAlone-top {
    margin-bottom: -5px;
}

.titleNotAlone-bottom {
    margin-top: -5px;
}

.capabilityLine {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.success {
    color: #008000;
}

.working {
    color: #D5B60A;
}

.failed {
    color: #FF0000;
}

a.projectViewMore::before {
    width: 100vw;
}

a.projectViewMore:hover {
    color: #fff;
}

#navLinks > a {
    font-size: unset;
}

@media (max-width: 1000px) {
    .linkedProjectList {
        flex-direction: column;
    }
}
@media (max-width: 700px) {
    .capabilityStatus {
        margin: 0;
        margin-bottom: 10px;
        justify-content: center;
    }
    .capabilityStatus p {
        margin: 0;
    }
    .capabilityLine {
        flex-direction: column;
    }
    .termSubtitleDiv h3 {
        text-align: center;
    }
    .termSubtitleDiv {
        flex-direction: column;
    }
    .termSubtitleDiv img {
        width: 45px;
        height: 45px;
        margin-top: 25px;
    }

}