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}*,:after,:before{box-sizing:inherit}:root{--sinSerif:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--Nhexa:4;--gap:2vw;--size:calc(100vw/var(--Nhexa) - var(--gap))}@media only screen and (min-width:1100px){:root{--Nhexa:6}}@media only screen and (max-width:600px){:root{--Nhexa:2}body{margin-right:6.9vw;margin-right:calc(var(--size)*.3)}}html{background:#e9e9e7;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--sinSerif);font-size:1rem}body{overflow-X:hidden;-webkit-hyphens:auto;hyphens:auto;padding-right:11.5vw;padding-right:calc(var(--size)*.5)}section{grid-gap:2vw;grid-gap:var(--gap);display:grid;grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(var(--Nhexa),1fr);margin:11.5vw auto 0;margin:calc(var(--size)*.5) auto 0;width:69vw;width:calc(var(--size)*(var(--Nhexa) - 1))}article{clip-path:url(#hexagono);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);color:#fff;height:20.7vw;height:calc(var(--size)/1.11111);margin-right:11.5vw;margin-right:calc(var(--size)/2);overflow:hidden;width:23vw;width:var(--size)}article:nth-child(2n){margin:-11.5vw -5.75vw 0 -17.25vw;margin:calc(var(--size)*-.5) calc(var(--size)*-.25) 0 calc(var(--size)*-.75)}article:before{clip-path:polygon(0 0,100% 0,0 50%,100% 100%,0 100%);content:"";float:left;height:100%;shape-outside:polygon(0 0,100% 0,0 50%,100% 100%,0 100%);width:25%}img{clip-path:url(#hexagono);clip-path:inherit;transition:.75s;z-index:10}article:hover img{transform:translate(-50%,-50%) rotate(-110deg)}h2{font-size:100%}figure{color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;font-size:2.25vw;font-size:calc(9/var(--Nhexa)*1vw);height:100%;justify-content:center;line-height:1;max-width:50%;text-align:center;transition:.75s .05s}figure p{font-size:70%;line-height:1.2;width:100%}h1{background:#025799;color:#fff;font-weight:400;margin-bottom:14.65vw;margin-bottom:calc(var(--size)*.55 + var(--gap));padding:2vh 0;position:sticky;text-align:center;top:0;width:100vw;z-index:1}body>p{font-size:1.5rem;font-weight:200;margin:2rem 0 1rem 11.5vw;margin:2rem 0 1rem calc(var(--size)*.5)}.center{size:5px;color:#025799;text-align:center}.panel-content{background-color:#fefefe;margin:15% auto}.close{color:#aaa;float:right;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.panel-content input,.panel-content textarea{box-sizing:border-box;margin:8px 0;padding:10px;width:100%}.panel-content label{font-weight:700;margin-top:10px}.panel{display:none;transition:opacity .3s ease}.panel-content{background-color:#fff}.panel-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-bottom:10px}.close{color:#ff5e5e;cursor:pointer;font-size:28px}.close:hover{color:#ff2e2e}.save{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s}.save:hover{background-color:#45a049}.profile-panel{left:0;right:0;top:0}.job-container,.profile-container{text-align:center}.job-container,.profile-container,.profile-item{align-items:center;display:flex;flex-direction:column}.profile-item{margin:10px 0;width:100%}.centered-input,.profile-item .centered-input{text-align:center}.centered-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.centered-input,button{font-family:Tahoma,sans-serif}button{background-color:#158f2f}.save-button,button{transition:background-color .3s}.save-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;margin-bottom:20px;padding:12px 20px}.button-group{display:flex;justify-content:space-between;margin-bottom:20px}.close-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s}.save-button{background-color:#28a745;color:#fff}.save-button:hover{background-color:#218838}.close-button{background-color:#dc3545;color:#fff}.close-button:hover{background-color:#c82333}.job-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:40px auto;max-width:600px;padding:20px}h2,h3{color:#333;margin-bottom:10px}.job-item{background-color:#f7f9fc;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:15px}input[type=date],input[type=text]{border:1px solid #ccc;border-radius:6px;margin:5px 0;padding:10px;transition:border-color .3s;width:calc(100% - 16px)}input[type=date]:focus,input[type=text]:focus{border-color:#007bff;outline:none}.scrollable-content{margin-bottom:20px;max-height:400px;overflow-y:auto}button{background-color:#007bff;border-radius:6px;font-size:14px;margin-top:10px;padding:10px 15px;transition:background-color .3s,transform .1s}button:hover{background-color:#0056b3;transform:translateY(-1px)}button:active{transform:translateY(0)}.profile-panel{background-color:#fff;background-color:#000c;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #0000001a;box-shadow:0 4px 8px #0000001a;color:#fff;display:flex;flex-direction:column;left:50%;max-height:100vh;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}:root{--hexagon-color:#025799}article{background:#025799;background:var(--hexagon-color)}body,html{height:100%;margin:0;padding:0}#root{height:100%;width:100%}.login-container{right:50%;width:200px}body{align-items:center;background-color:#f0f4f8;display:flex;height:100vh;justify-content:center;margin:0;padding:0}.login-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;max-width:100%;padding:20px;position:absolute;right:40%;text-align:center;width:300px}form{display:flex;flex-direction:column}div{margin-bottom:15px}label{margin-bottom:5px}input{border:1px solid #ccc;border-radius:4px;padding:10px}button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}button:hover{background-color:#45a049}
/*# sourceMappingURL=main.f7b5dcb5.css.map*/