@font-face{font-family:Font;src:url(/font/Font.ttf) format("truetype")}body,html{background:#fff;color:#fbfbfb}a{color:inherit;text-decoration:none}*{box-sizing:border-box;padding:0;margin:0;font-family:Font,sans-serif}@media(prefers-color-scheme:dark){html{color-scheme:dark}body{color:#e02727;background:#514f59}}.App-Container{width:100vw;height:100vh;background:#fbfbfb;color:#e02727;display:flex;justify-content:center;align-items:center;flex-direction:column}.Heading{font-size:56px;line-height:1.2em}.Sub-Heading{font-size:24px}.Nav-Container{position:fixed;bottom:8vh;left:50%;transform:translateX(-50%);width:-moz-fit-content;width:fit-content;gap:8px;height:6vh}.Home,.Nav,.Nav-Container{display:flex;justify-content:center;align-items:center}.Home,.Nav{background:#fff;color:#e02727;text-transform:uppercase;height:100%;width:100%;padding:8px;transition:all .3s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:16px;border:2px solid #e02727;box-shadow:0 8px 0 #e02727;border-radius:48px}.Home{width:25%;border-right:2px solid #e02727;border-left:2px solid #e02727}.Home-Text{position:absolute;color:#e02727}.Home:hover,.Nav:hover{color:#fff}.Home:hover,.Nav-Active,.Nav:hover{background:#e02727;transform:translateY(8px);box-shadow:none}.Nav-Active.Nav{background:#e02727;color:#fff}.Booking{display:flex;justify-content:space-between;align-items:flex-end;padding:6px 12px;font-size:18px;margin:8px;border-radius:50px;gap:16px}.Booking div:not(.Delete){padding:4px 16px;border:2px solid #e02727;border-radius:48px}.Widget-Container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.Widget-Container .Title{font-size:16px;font-weight:900}.Name{min-width:320px;text-align:end}.Time{text-align:center}.Delete,.Time{background:#e02727;color:#fff}.Delete{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;border-radius:48px;border:2px solid #e02727;padding:6px 10px;font-size:16px;margin:0 0 0 10px}.Delete:hover{color:#e02727;cursor:pointer;background-color:#fff}.Form-Booking{display:flex;justify-content:center;gap:8px;align-self:center;margin:20px;position:relative}.NameInput{padding:10px;font-size:18px;line-height:1.1em;border-radius:50px 0 0 50px;min-width:320px}.NameInput::-moz-placeholder{color:#e02727}.NameInput:-ms-input-placeholder{color:#e02727}.NameInput::placeholder{color:#e02727}.EndTimeInput,.StartTimeInput{padding:10px}:is(.StartTimeInput,.EndTimeInput)::-webkit-calendar-picker-indicator{background-color:#e02727;border-radius:48px}.Submit-Button{padding:10px 20px;border:2px solid #e02727;box-shadow:0 8px 0 #e02727;font-size:16px;line-height:1.1em;background:#fff;border-radius:48px;height:100%;letter-spacing:.1em;font-weight:900;cursor:pointer;transition:all .3s;color:#e02727}.Submit-Button:hover{background:#e02727;color:#fff;transform:translateY(8px);box-shadow:none}.EndTimeInput,.NameInput,.StartTimeInput{color:#e02727;outline:none;background:#fff;border-radius:48px;border:2px solid #e02727}.Loading{position:fixed;width:100vw;height:100vh;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.565)}