body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:sans-serif;height:96vh;padding:20px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}table{border-collapse:collapse;margin:20px auto;max-width:1200px;width:100%}table,td,th{border:0 solid gray;font-size:16px}td,th{padding:10px;text-align:left}tr:nth-child(2n){background-color:#f2f2f2}th{background-color:#a70000;color:#fff}.ClickableRow{cursor:pointer}.HighlightableRow:hover{background-color:#a700004d}button{background-color:#666;border:0 solid gray;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:20px;padding:10px 20px}button:hover{background-color:#9a9a9a}.DeleteButton{background-color:#a70000;margin:3px}.DeleteButton:hover{background-color:#e8000e}.LogoutButton{background-color:#a70000;left:80%;position:absolute}.LogoutButton:hover{background-color:#e8000e}.AddButton{background-color:#58b957;margin:3px}.AlignRight{float:right}.AddButton:hover{background-color:#3f853f}input{border:1px solid gray;border-radius:5px;font-size:16px;padding:8px 2px;width:80%}h1,h3{color:#a70000}.mainTitleContainer{color:#a70000;font-size:60px;font-weight:bolder;padding-bottom:40px}.mainContainer,.mainTitleContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.mainContainer{height:50vh}.titleContainer{color:#a70000;font-size:46px;font-weight:bolder}.buttonContainer,.titleContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.buttonContainer{height:260px}.inputContainer{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.inputBox{border:1px solid grey;border-radius:8px;font-size:large;height:48px;margin:8px;padding-left:8px;width:400px}.inputButton{background:#a70000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:24px;margin:8px;padding:12px 24px}form{align-items:center;display:flex;flex-direction:column}.popUpOverlay{background:#0000004d;height:100%;left:0;top:0;width:100%}.popUpBox,.popUpOverlay{margin:0 auto;position:absolute;z-index:1000}.popUpBox{background:#fff;border-radius:10px;color:#000;height:80%;left:10%;padding:10px;top:5%;width:80%}.popUpText{font-size:60px;margin-top:35vh;padding:4px;text-align:center}.popUpYesNoOverlay{background:#0000004d;height:100%;left:0;top:0;width:100%}.popUpBoxYesNo,.popUpYesNoOverlay{margin:0 auto;position:absolute;z-index:1000}.popUpBoxYesNo{background:#fff;border-radius:10px;color:#000;height:80%;left:10%;padding:10px;top:5%;width:80%}.popUpYesNoText{font-size:40px;margin-top:35vh;padding:4px;text-align:center}.SniperCamButton{border:0 solid gray;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:20px;min-width:70px;padding:10px 20px}.GreyButton{background-color:#666}.GreyButton:hover{background-color:#9a9a9a}.RedButton{background-color:#a70000}.RedButton:hover{background-color:#e8000e}.GreenButton{background-color:#44a344}.GreenButton:hover{background-color:#51c851}.Large{font-size:24px;margin-left:50px;margin-right:50px;padding:15px 35px}