.pgb-container {
    display: flex;
    align-items: center;
    width: 100%;
}

.progress-bar {
    margin-right: 5px;
    width: 100%;
    height: .6rem;
    transition: background-color .5s;
}

#experiences > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 100%;
    height: 100%;
    padding: 0 10rem;
}

#experiences-container {
    flex: 8;
    padding: 0 10rem;
}

#experiences-container table {
    width: 100%;
}

#experiences-container td {
    width: 20rem;
    padding: 1rem 3rem;
}

#reference-container {
    padding: 0 3rem;
    margin-bottom: 3rem;
}

@media (max-width: 1600px) {
    #experiences-container {
        padding: 0;
    }
}

@media (min-width: 1920px) {
    #experiences-container {
        padding: 0 20rem;
    }
}