main {
    width: 100%;
}

main > h1 {
    margin-bottom: .8rem;
}

main > p {
    margin-top: 0;
    font-weight: 500;
    font-size: 1.5rem;

    color: #A1A1A1;
}

#people {
    overflow: visible;
}

.parent {
    margin: 1rem;
    opacity: .5;
}

.person {
    display: flex;
    flex-flow: column;
    justify-content: end;

    box-sizing: border-box;
    padding: 1rem;
    
    width: 18rem;
    height: 25rem;

    background-color: #05060C;
    border: .1rem #2F3975 solid;
    border-radius: 1rem;
}

.person * {
    margin: 0;
}

.person p {
    font-weight: 300;
    color: #8B8B8B;
}

.person h2 {
    font-weight: 500;
}

.person .detail {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: 1fr 1fr;
}

.person .detail span {
    font-size: .8rem;
    color: #8B8B8B;
}

.slick-current {
    transform: translateY(-2%);
    opacity: 1;
}