html{background-color:#efefef}body{margin:0 auto}.page{padding:1rem;padding-right:0;padding-left:.75rem;max-height:100vh}.card-container{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-start;margin-top:.5rem;gap:.2rem;width:calc(100vw - 4rem);height:calc(100vh - 7rem);margin-left:0}.card-container.vertical{margin-top:1rem;margin-left:.2rem}.beboer-card{width:33.8%;margin-bottom:0;box-sizing:border-box;border:1px solid #ccc;height:5.4vh;font-size:28px;display:flex;justify-content:flex-start;padding-left:.5rem;align-items:center;background-color:#fff;color:#000;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:28px}.beboer-card.vertical{width:33.8%;height:2.86vh}#pin-container,.top-section{display:flex;flex-direction:column;align-items:center;justify-content:center}#pin-container{gap:1rem}#pin{width:10rem;text-align:center}.buttons{margin-top:1rem;width:calc(100vh - 1rem);max-width:28rem;display:flex;justify-content:space-evenly}.admin-page{height:100vh;padding:.5rem;font-size:3rem}.inline-edit-list{margin-top:1rem;width:calc(100vh - 1rem);max-width:30rem;height:calc(95vh - 20rem);overflow-y:auto;border:2px solid #ccc;padding:.25rem;padding-left:.35rem}.inline-edit-list .input{max-width:25rem;margin-top:.25rem}.inline-edit-list-row{display:flex;flex-direction:row}