#allperformances{width:100%;.allperformances-selector{display:flex;flex-wrap:wrap;column-gap:15px;row-gap:15px;padding:30px 0;justify-items:center;justify-content:center;h3{height:75px;min-width:20%;max-width:20%;:hover{background-color:var(--color-primary)}button{background:var(--color-secondary);color:white;width:100%;height:100%;padding:0 15px;font-size:1.25rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}#active{background:var(--color-primary)!important}}}.allperformances-container{padding:60px;border:2px solid var(--color-primary);border-radius:var(--border-radius);position:relative;.selected{font-size:1.25rem;position:absolute;top:-30px;left:30px;padding:15px 30px;min-width:100px;background:white;color:var(--color-primary);text-align:center}.allperformances-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:15px;column-gap:60px;h4{list-style:square;text-align:left;position:relative;:hover{color:var(--color-primary)}:before{content:"";width:5px;height:5px;background-color:var(--color-primary);position:absolute;left:-15px}a{display:flex;align-items:center;position:relative}}}}}@media (min-width:701px) and (max-width:1120px){#allperformances{.allperformances-selector{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;padding:15px 0}.allperformances-container{.selected{position:absolute;top:-25px}.allperformances-list{grid-template-columns:1fr 1fr}}}}@media (max-width:700px){#allperformances{.allperformances-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center;padding:15px 0;h3{height:50px;button{font-size:1rem}}}.allperformances-container{padding:30px;.selected{font-size:1rem;position:absolute;top:-25px;left:15px;padding:15px 30px}.allperformances-list{grid-template-columns:1fr;row-gap:10px;column-gap:15px;padding:0 15px}}}}