:root{ --color1: rgb(105, 105, 255); } * { box-sizing: border-box; } body, html{ margin: 0; padding: 0; color: var(--color1); } .btn{ position: fixed; z-index: 99; top: 16px; left: 16px; font-size: 36px; font-family: sans-serif; text-align: center; border: solid 2px var(--color1); width: 48px; height: 48px; border-radius: 50%; background-color: white; } .btn:hover{ cursor: pointer; } .info{ display: none; font-size: 3ch; position: fixed; top: 0; left: 0; z-index: 1; width: 40vw; height: 100vh; background-color: white; border: solid 2px var(--color1); overflow: auto; } h2{ margin: 0; margin-top: 96px; } .hemicycle{ display: flex; flex-flow: column wrap; align-content: stretch; justify-content: right; /* width: 100vw; */ margin: 0 auto; } h1{ font-size: 60px; text-align: center; } #partyRef, #seatRef{ display: none; } .party{ /* border: solid 1px black; */ display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: center; margin: 8px 0; } h4{ width: 160px; } .seats{ display: flex; flex-direction: row; align-content: center; margin: 4px 4px; } .seat .mic{ width: 80px; height: 80px; border-radius: 10%; border: solid 3px var(--color1); background-color: white; color: currentColor; } .label{ width: 90px; overflow-wrap: break-word; }