@import url(https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap);@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{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)}}*{font-family:Raleway,sans-serif}body{background:linear-gradient(90deg,#212121,#333)}.container{align-items:center;display:flex;justify-content:center;min-height:90vh;overflow:hidden}.screen{background:linear-gradient(90deg,#777,#333);box-shadow:0 0 24px grey;height:600px;position:relative;width:360px}.screen__content{height:100%;position:relative;z-index:1}.screen__background{bottom:0;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);left:0;position:absolute;right:0;top:0;z-index:0}.screen__background__shape{position:absolute;transform:rotate(45deg)}.screen__background__shape1{background:#fff;border-radius:0 72px 0 0;height:520px;right:120px;top:-50px;width:520px}.screen__background__shape2{background:#333;border-radius:32px;height:220px;right:0;top:-172px;width:220px}.screen__background__shape3{background:linear-gradient(270deg,#777,#333);border-radius:32px;height:540px;right:0;top:-24px;width:190px}.screen__background__shape4{background:#777;border-radius:60px;height:400px;right:50px;top:420px;width:200px}.login{padding:156px 30px 30px;width:320px}.login__field{margin-left:-50px;padding:20px 0;position:relative}.login__icon{color:#000;position:absolute;top:30px}.login__input{background:none;border:none;border-bottom:2px solid #d1d1d4;font-weight:700;padding:10px 10px 10px 24px;transition:.2s;width:75%}.login__input:active,.login__input:focus,.login__input:hover{border-bottom-color:#777;outline:none}.login__submit{align-items:center;background:#fff;border:1px solid #d4d3e8;border-radius:26px;box-shadow:0 2px 2px #555;color:#555;cursor:pointer;display:flex;font-size:14px;font-weight:700;margin-top:30px;padding:16px 20px;text-transform:uppercase;transition:.2s;width:100%}.login__submit:active,.login__submit:focus,.login__submit:hover{border-color:#777;color:#000;outline:none}.button__icon{color:#333;font-size:24px;margin-left:auto}.social-login{bottom:0;color:#fff;height:80px;position:absolute;right:0;text-align:center;width:150px}body{background-color:#f3f5f9;font-family:Arial,sans-serif;margin:0}.wrapper .main_content .info{line-height:25px}.workers-name-container{border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-wrap:wrap;font-size:15px;gap:15px;justify-content:space-between;margin-top:50px;padding:20px;width:100%}.worker-names{align-items:center;border:2px solid #000;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-size:18px;padding:10px 20px;text-align:center;transition:transform .3s ease}.name-box:hover{box-shadow:0 6px 8px #00000026;cursor:pointer;transform:scale(1.05)}.user-signout{background:#000;color:#fff;padding:10px;width:100%}.home-header{color:#fff;padding:20px;text-align:center}.modetype-container{background-color:#555;display:flex;gap:20px;margin:10px}.name-container{background-color:#777;flex:2 1;padding:10px}.output-container{background-color:#fff;flex:1 1;padding:10px}.project-title-header{color:#fff;flex:1 1;font-size:x-large;font-weight:700;position:absolute;text-align:left}.header-component{align-items:center;background-color:#000;display:flex;justify-content:space-between;padding:20px;width:100%}.user-name-header{color:#fff;flex:1 1;text-align:center}.signout-header{flex:1 1;text-align:right}.home-link-header,.signout-button-header{background-color:#999;border:none;border-radius:4px;color:#000;cursor:pointer;margin:10px;padding:10px}.paid-form-container{background-color:#777}.input-label{color:#fff}*{box-sizing:border-box;font-family:Josefin Sans,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none}.wrapper .main_content{width:100%}.wrapper .main_content .header{box-shadow:0 4px 8px #00000080;color:#fff;padding:20px}.wrapper .main_content .name-container{background-color:#777;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-size:18px;width:20px}.wrapper .main_content .info{color:#717171;margin:20px}.wrapper .main_content .info div{margin-bottom:20px;margin-left:300px}.wrapper .main_content .output-container{background-color:#777;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#fff;max-height:-webkit-fit-content;max-height:fit-content;max-width:300px;padding:20px;width:100%}.wrapper .main_content .name-container .text-input{background-color:#ddd;border:2px solid #ddd;border-radius:8px;font-size:15px;margin:10px 0;padding:4px;transition:all .3s ease;width:80%}.wrapper .main_content .name-container .submit-button{background-color:#333;border:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-left:260px;margin-top:15px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease;width:40%}.wrapper .main_content .name-container .submit-button:hover{background-color:#333;box-shadow:0 6px 8px #00000026}.wrapper .main_content .name-container .submit-button:active{background-color:#000;box-shadow:0 3px 6px #0003;transform:scale(.98)}.wrapper .main_content .name-container .submit-button:focus{outline:3px solid #000}.wrapper .main_content .text-input{background-color:#ddd;color:#000;height:30px}.worker-dropdown-label{color:#fff}.submit-button{background:#555;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;margin-bottom:30px;margin-left:610px;margin-top:-10px;padding:10px 20px;width:10%}.labels .userinput{color:#000;height:50px}h2{color:#fff;font-size:xx-large;text-align:center}form{display:flex;flex-direction:column}label{color:#555;display:block;font-weight:700}.worker-div{display:flex;width:70%}.worker-label{align-content:center;color:#fff;flex:1 1;font-size:large;line-height:30px}.worker-input{color:#000;flex:3 1;font-size:medium;line-height:25px}.worker-submit{background:#555;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;margin-top:20px;padding:10px 20px}.worker-form{align-items:center;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:40px;width:100%}.admin-page header{color:#fafafa}.admin-page-worker-sideheader{font-size:24px;font-weight:700;margin-bottom:20px}.admin-page-worker-table{border-collapse:collapse;margin-bottom:20px;width:100%}.admin-page-worker-table td,.admin-page-worker-table th{border:1px solid #ddd;padding:8px;text-align:left}.admin-page-worker-table th{background-color:#f2f2f2;font-weight:700}.admin-page-worker-table-row:nth-child(2n){background-color:#f9f9f9}.admin-page-worker-table-row:hover{background-color:#f1f1f1}.admin-page-worker-details{background-color:#fafafa;border-radius:4px;box-shadow:0 0 10px #0000001a;margin:20px;padding:20px}.admin-page-worker-details-container{background-color:#fafafa;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;padding:10px}.admin-page-worker-details-header{background-color:#fafafa;font-size:20px;font-weight:700;margin-bottom:10px}.admin-page-worker-details-table{border-collapse:collapse;margin-bottom:10px;width:100%}.admin-page-worker-details-table td,.admin-page-worker-details-table th{border:1px solid #ddd;padding:8px;text-align:left}.admin-page-worker-details-table th{background-color:#f2f2f2;font-weight:700}.admin-page-worker-details-table-row:nth-child(2n){background-color:#f9f9f9}.admin-page-worker-details-table-row:hover{background-color:#f1f1f1}.admin-page-worker-sideheader{color:#000}.admin-page-header{color:#fff;padding:20px;text-align:center}.reset-date-toggle{align-items:center;display:flex;justify-content:center}.reset-date-toggle label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.2rem}.reset-date-toggle input[type=checkbox]{margin-right:5px}.receive-from-worker{background-color:green;width:75%}.pay-to-worker,.receive-from-worker{color:#fff;font-size:larger;margin:0 auto;padding:20px}.pay-to-worker{background-color:red;width:30%}.labels{color:#fff;margin-bottom:10px;margin-top:20px}.userinput{display:block;height:35px;margin:0 auto;width:20%}.submitbutton{background:#555;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:20px;height:40px;margin:10px auto 0;width:100px}.heading{color:#fff;margin-top:30px}.table{border-collapse:collapse;color:#fff;margin-left:10%;margin-top:20px;width:80%}.table td,.table th{border:1px solid #fff;padding:10px;text-align:left}.table th{background-color:#333}.table tr:nth-child(2n){background-color:#444}.table tr:hover{background-color:#555}.create{margin:20px}.admin-display-header,.delete-header{color:#fff;margin-top:30px}
/*# sourceMappingURL=main.564318f5.css.map*/