.selected { background: green; width: 5px; } .unselected { background: white; width: 5px; } .call-card { border-radius: 25px; background: black; color: white; font: bold; padding: 20px; width: 150px; height: 200px; float: left; } .response-card { border-radius: 25px; border: 2px solid black; background: white; color: black; font: bold; padding: 20px; width: 150px; height: 200px; float: left; } .messages-container { /* border: 2px solid black;*/ overflow: auto; overflow-x: hidden; overflow-y: visible; height: 15%; width: 100%; font-size: small; } .setup-container { height: 30%; width: 50%; float: left; clear: left; } .start-round { float: right; clear: right; } .end-round-button { background-color:#FF0000; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; font-size: 16px; margin: 4px 2px; cursor: pointer; /* float: left; clear: left; margin-bottom: 100px; */ } .end-scoring-button { background-color:#FF0000; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; font-size: 16px; margin: 4px 2px; cursor: pointer; /* float: left; clear: left; margin-bottom: 100px; */ } .submit-response-button { float: left; clear: left; } .writein { width: 95%; height: 30%; background: rgba(0,0,0,0); } .admin-button { background-color:#FF0000; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } table { border-collapse: collapse; width: 50%; } th, td { text-align: left; border-bottom: 1px solid lightgray; } #overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 2; cursor: pointer; } #overlay-text { position: absolute; top: 50%; left: 50%; color: white; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }