*{box-sizing:border-box}body{margin:0}.App{align-items:top;background-image:linear-gradient(45deg,#000,20%,#d55725,40%,#1766a8);color:#fff;display:flex;justify-content:center;min-height:100vh;padding:10px;text-align:left}.auth-form-container,.login-form,.register-form{display:flex;flex-direction:column;text-align:right}.form-heading{font-size:1.5rem;text-align:center}label{padding:.25rem 0;text-align:left}.subtitle{text-align:center}input{margin:.5rem 0;padding:1rem}button,input{border:none;border-radius:10px}button{background-color:#fff;color:#d55725;cursor:pointer;padding:20px}.link-btn{background:none;color:#fff;text-decoration:underline}.clockin-button{background-color:#fff;border:#fff;border-radius:10px;color:#000;cursor:pointer;margin:.5rem;min-width:10em;padding:10px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{border-bottom:1px solid;margin:2em 0 2em 2em;padding-bottom:1em}.header a{font-size:1.2em;margin:0 1em;text-decoration:none}.content{font-size:1.5em;margin-left:2em}.errorMessage{color:red}.errorMessage,.timeClockMessage{background-color:#fff;border:1px solid #fff;border-radius:10px;display:flex;font-size:.75em;justify-content:center;padding:1.5em;text-align:center}.timeClockMessage{color:green}.container{margin:1rem;text-align:center}.site-title{font-size:1.5rem}.nav{align-items:stretch;background-color:#333;color:#fff;display:flex;gap:2rem;justify-content:space-between;padding:0 1rem}.nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.nav a{align-items:center;color:inherit;display:flex;height:100%;padding:.25rem;text-decoration:none}.nav li.active{background-color:#555}.nav li:hover{background-color:#777}.app-button{align-items:stretch;background-color:#fff;border:1px solid #fff;border-radius:10px;color:#000;gap:2rem;min-width:1em;padding:1rem}.app-button ul{align-items:center;gap:1rem;justify-content:center;list-style:none;text-align:center;text-decoration:none}.app-button li.active{background-color:#555}.app-button li:hover{background-color:#777}.app-button a{align-items:center;border:1px solid #fff;border-radius:10px;color:inherit;display:flex;padding:0;text-align:center;text-decoration:none;-webkit-text-emphasis:bold;text-emphasis:bold}@media screen and (max-width:600px){.home-container{font-size:.75rem;margin:.25rem;padding:.5rem;text-align:left}.auth-form-container,.form-heading{font-size:.75rem;margin:.25rem;padding:.25rem;text-align:right}.form-heading{text-align:center}.form-heading,.site-title{font-size:1rem}}
/*# sourceMappingURL=main.4ba68fbe.css.map*/