*{box-sizing:border-box}body{margin:0;padding:0;font-family:Roboto,sans-serif;font-size:2vh;color:#333}div.page{text-align:center;width:100%;height:100%;margin:0;padding-top:5vh}div.page-header{padding:2vh 0px}div.page-header>h1{margin:0px 0px 2vh}div.page-body{background-color:#d3d3d3;width:calc(60vw + 8vh);height:73vh;margin:auto;border-radius:1vh;padding:1vh;overflow-y:scroll}div.person-list{display:flex;flex-direction:row;flex-wrap:wrap}div.person-element{background-color:#add8e6;border:.1vh solid darkslategrey;width:15vw;height:9vh;margin:.5vh;border-radius:1vh;padding:1.6vh;cursor:pointer}div.person-element:hover{background-color:#ffa07a;border:.1vh solid orangered}div.person-element>p{margin:0;margin-bottom:1vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}div.registration{padding:1.5vh;border-radius:1vh;background-color:#d3d3d3;display:inline-block;margin:auto;text-align:right}div.registration input{margin:0px 0px 1vh;height:2.5vh;width:15vw}div.registration button{height:2.5vh;width:15vw;border:.1vh solid darkslategrey;border-radius:.5vh;background-color:#add8e6;cursor:pointer}div.registration button:hover{background-color:#ffa07a;border:.1vh solid orangered}