body{width:100%;height:100%}th{text-align:left}.eventInput{border-radius:5px;margin-top:5px;margin-bottom:5px;padding:4px 5px;border:1px solid #ddd}.timeInput{border-radius:2px;margin-top:10px;padding:4px 5px;border:1px solid #ddd}.removeButton{background-color:#e3e5e6;border:none;border-radius:2px;padding:4px 5px}.removeButton:hover{background-color:#fa0522}input.calendar_logo{border-radius:5px;padding:5px 5px;border:1px solid #ddd}#newTime{background-color:#ff1a75;margin-top:10px;border:none;color:#fff;text-align:center;justify-content:center;text-decoration:none;display:inline-block;font-size:24px;cursor:pointer;border-radius:5px;transition-duration:.4s}#newTime:hover{background-color:#4caf50;color:#fff}#save:enabled{background-color:#ff1a75;margin-top:10px;border:none;color:#fff;padding:8px 8px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:5px;transition-duration:.4s}#save:hover:enabled{background-color:#4caf50;color:#fff}.star{color:#ff030f;font-size:16px}#save:disabled{background-color:grey;margin-top:10px;border:none;color:#fff;padding:8px 8px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:5px;transition-duration:.4s}#form{background-color:#fcfcfc;padding:10px;font-size:17.5px}#browserContent{width:40%;height:100%;border:1px #d9d9d9 solid;margin:auto;margin-top:25px;margin-bottom:25px;background-color:red}#calendarContainer{margin:auto;width:60%;height:100%;border:1px solid #000;border-radius:10px}#navBar{border-bottom:1px solid #000;background-color:#f1f1f1;padding:5px;border-top-left-radius:10px;border-top-right-radius:10px}#content{position:relative;padding:30px}.loginButton{float:right;color:#ff1a75;margin-top:11px}.calendar_logo{height:40px}.eventName_error_message{color:red;font-size:15px}#createdEvents{border:1px solid #000;background-color:#fcfccc;border-radius:5px;padding:10px}#joinedEvents{border:1px solid #000;padding:10px;margin-top:10px;border-radius:5px;background-color:#fcfccc}a{color:#ff1a75;text-decoration:none;font-size:17px;padding:5px}a:active{color:#4caf50}#createNewEvent{margin-top:30px}.createNewEventLink{background-color:#ff1a75;color:#fff;margin-left:4px;margin-top:25px;padding:5px;border-radius:5px;border:none;text-align:center;text-decoration:none;font-size:18px;cursor:pointer}.createNewEventLink a{color:#fff;text-decoration:none}.createNewEventLink:hover{margin-left:4px;margin-top:25px;padding:5px;background-color:#4caf50;border-radius:5px;border:none;color:#fff;text-align:center;text-decoration:none;font-size:18px;cursor:pointer}input[type=button]{border-radius:10px;background-color:#4caf50}textarea{width:85%;height:70px}.overlay{position:absolute;width:100%;height:100%;top:0;left:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:rgba(222,222,222,.8)}.loading{position:relative;top:50%;transform:translateY(-50%);width:20px;height:20px;margin:auto;border:5px solid #ccc;border-top-color:#ff6a00;border-radius:100%;animation:round 2s linear infinite}@keyframes round{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}