.input-container{display:flex;flex-direction:column}.input-container input{padding:10px;border-radius:10px;border:none;outline-width:1px;outline-style:outset;outline-color:#c5c5c5;background-color:var(--white)}.login-container{display:flex;flex-direction:column;align-items:center;width:100%}.login-container .logo-container{display:flex;flex-direction:column;height:100vw;justify-content:space-around}.login-container .login-form{display:flex;flex-direction:column;gap:20px}.login-container .login-form .login-options{display:flex;justify-content:space-between}.login-container .login-form .login-options a{text-decoration:none}.login-container .login-form .login-options .show_pass_container{display:flex;gap:4px}.login-container .login-form button{color:var(--white);background-color:var(--blue);font-size:16;font-family:Inter;border-radius:10px;padding:10px;font-weight:900}.main-container{display:flex;flex-direction:column;align-items:center}.main-container .colors-legend{display:flex;justify-content:space-around;width:100%;margin-top:20px}.main-container .colors-legend .color-legend{display:flex;align-items:center;gap:4px}.main-container .colors-legend .color-legend .color-legend-ball{width:18px;height:18px;border-radius:50%}.main-container .colors-legend .color-legend .cl-green{background-color:var(--green)}.main-container .colors-legend .color-legend .cl-yellow{background-color:var(--yellow)}.main-container .colors-legend .color-legend .cl-red{background-color:var(--red)}.main-container .colors-legend .color-legend span{font-weight:bolder}.main-container .search{padding:10px;width:80%;outline:none;border:1px solid #ddd;border-radius:10px;margin-top:20px}.main-container .search:focus{border-color:var(--green)}.main-container .project-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:20px}.main-container .fabs{position:absolute;bottom:10px;right:10px}.ReactModal__Overlay{background-color:#0009!important;color:green;z-index:99}.ReactModal__Content{color:#fff;min-width:min(400px,90vw)!important;max-width:min(500px,90vw)!important;font-family:Inter,sans-serif;inset:50% auto auto 50%!important;margin-right:-50%!important;transform:translate(-50%,-50%);animation:showModal .2s ease-in-out;background-color:var(--green)!important;max-height:80vh;border-radius:10px!important}.ReactModal__Content .modal-close-button{font-family:Verdana,sans-serif;font-size:1.4rem;position:absolute;right:0;top:0;cursor:pointer;border:none;background-color:transparent;color:#fff}.ReactModal__Content .modal-close-button:hover{color:#ffffff80}.ReactModal__Content form{display:flex;flex-direction:column;gap:10px}.ReactModal__Content form h2{font-size:1.8rem}.ReactModal__Content form button,.ReactModal__Content form select,.ReactModal__Content form textarea,.ReactModal__Content form input{font-size:1rem;padding:.5em;border:none;border-radius:10px}.ReactModal__Content form button{color:#fff;background-color:var(--black);border:none;cursor:pointer;font-weight:700;line-height:20px;float:right;transition:background-color var(--hover-transition-time) ease-in-out;-webkit-user-select:none;user-select:none}.ReactModal__Content form button:last-child{margin-top:10px}.ReactModal__Content form button:hover{filter:brightness(1.3)}.ReactModal__Content form button:disabled{background-color:#5a5a5a80;color:#ffffff1a;cursor:no-drop}.ReactModal__Content form .menu-modal{margin-top:20px;display:flex;flex-direction:column;gap:10px}.ReactModal__Content form .error{color:var(--red);text-shadow:#9f9f9f 1px 1px 5px;text-align:center}@keyframes showModal{0%{transform:scale(0) translate(-50%,-50%);opacity:0}to{transform:scale(1) translate(-50%,-50%);opacity:1}}.header-container{display:flex;align-items:center;padding:0 14px;justify-content:center;width:100%;height:77px;background:linear-gradient(90deg,#d6edbd,#185525)}.project-card{display:flex;flex-direction:column;width:min(420px,90vw);height:max(120px,100%);padding:15px;border-radius:10px;background-color:var(--red);color:var(--white);transition:all .2s ease-in}.project-card h2{font-size:1.1rem;font-weight:900}.project-card p.delete-project{cursor:pointer;background-color:var(--white);border-radius:10px;padding:5px;color:var(--black);font-weight:700;align-self:end;transition:all .2s ease-in}.project-card p.delete-project:hover{color:var(--white);background-color:var(--red)}.invisible{visibility:hidden}.project-card:hover{transform:scale(1.01)}.fab{cursor:pointer;width:80px;height:80px;border-radius:50%;background-color:#4f8152;color:var(--white);font-size:4rem;font-weight:bolder;text-align:center;line-height:72px}.fab:hover{filter:brightness(.8);transition:all .2s ease-in-out;transform:scale(1.05)}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--blue: #007bff;--black: #343a40;--white: #f8f9fa;--green: #28A745;--yellow: #FFC107;--red: #E74C3C;font-family:Inter,sans-serif}body{width:100vw;overflow-x:hidden;background-color:var(--white);color:var(--black)}