#faces-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:2rem}#directors-container,#teams-container{display:grid;grid-template-columns:repeat(4,1fr)}#content #directors-container .ppl-card,#content #faces-container .ppl-card,#content #teams-container .ppl-card{margin-bottom:70px}.ppl-main{height:26rem;width:22rem}.ppl-img{width:93%;height:100%}.face-over{opacity:0;height:100%;width:100%;left:0;top:0;display:flex;justify-content:center;align-items:center}.face-over>div{font-size:1.25rem;z-index:2;background:#fff200;height:4rem;width:4rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.ppl-info{width:93%}.ppl-card:hover{cursor:pointer}.ppl-card:hover>.ppl-main>.ppl-img>.face-over{background:linear-gradient(134.24deg,#ff7530,#e81fb8 100%);transition:all 1s;opacity:.7}.ppl-card:hover>.ppl-main>.ppl-info{background:#fff200}.bg-modal{position:fixed;top:0;bottom:0;left:0;right:0;z-index:2;display:flex;justify-content:center;align-items:center}.bg-modal:before{content:"";width:100%;height:100%;background-image:linear-gradient(134.24deg,#ff7530 0,#e81fb8 100%);opacity:.9;position:absolute;top:0;display:block}.close{position:absolute;left:5%;top:5%;color:#000;text-decoration:none}.modal-btn{padding:1rem;width:6rem;cursor:pointer;color:#fff;z-index:3;background:0 0}.modal-overlay{background:#fff;position:absolute;width:75vw;height:80%;z-index:3;display:grid;grid-template-columns:repeat(3,33%);border-radius:1rem;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.modal-overlay>.modal-pic{padding:1rem;z-index:3;margin:auto}.modal-overlay>.modal-pic>img{object-fit:cover;width:25rem;height:30rem;overflow:hidden;border-radius:5px}.modal-overlay>.modal-info{grid-column-start:span 2;padding:1rem;display:grid;grid-template-columns:1fr;grid-template-rows:10vh 6vh 1fr 1fr 1fr 1fr;justify-content:center;text-align:left;z-index:3;overflow:auto}.modal-overlay>.modal-info>h2{font-size:2.5rem;color:#000}.modal-overlay>.modal-info>h2>span{background:#fff200}.modal-overlay>.modal-info>.modal-p>span{font-size:1.75rem;font-weight:600;color:#000;background:#fff200;margin-right:1rem}#directors-container .modal-overlay>.modal-info>.modal-p,#teams-container .modal-overlay>.modal-info>.modal-p{font-weight:500;font-size:1.5rem;background:#fff}.dash-yellow-top-modal{border-top:#fff200 2px dashed;padding-top:.5em}