body{margin:0;padding:0;font-family:Inter,sans-serif}.App{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;z-index:-3}.homePage,.homePage .main-container{display:flex;flex-direction:column;align-items:center;max-width:1280px;height:100%}.background{background:linear-gradient(135deg,#fde7c6,#fbe4e9,#e8f0ff)}.landingPage-container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.landingPage-container h1{font-size:74px;font-weight:700;color:#4a4848;text-align:center}.landingPage-container p{font-size:24px;font-weight:500;color:#757575;text-align:center;margin-bottom:40px}.landingPage-container button{margin-top:40px;background-color:#4a4848;color:#fff;font-size:18px;font-weight:500;padding:10px 20px;width:230px;height:40px;border-radius:24px;border:none;cursor:pointer}.toolsLanding-container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.toolsLanding-container .toolsLanding-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.toolsLanding-container .toolsLanding-title h2{font-family:Inter,sans-serif;font-size:36px;font-weight:600;color:#4a4848;text-align:center}.toolsLanding-container .toolsLanding-title span{font-family:Inter,sans-serif;font-size:18px;font-weight:400;color:#4a4848;text-align:center}.toolsLanding-container .toolsLanding-tools{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.toolsLanding-container p{width:250px;font-family:Inter,sans-serif;font-size:18px;font-weight:400;background-color:#4a4848;color:#fff;padding:10px 20px;border-radius:20px;text-align:center}.cardTools-container{margin-top:50px;width:317px;height:538px;border-radius:10px;display:flex;flex-direction:column;gap:10px;justify-content:space-around;align-items:center}.cardTools-container .cardTools-image{width:100%;height:auto;border-radius:10px;display:flex;align-items:center;justify-content:center}.cardTools-container .cardTools-image img{width:300px;height:auto;object-fit:cover;border-radius:10px}.cardTools-container h3{width:90%;font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#4a4848;text-align:center;justify-self:center}.cardTools-container span{margin-top:-50px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#4a4848;text-align:center;width:90%}.cardTools-container button{flex-direction:row;justify-content:space-around;font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#4a4848;text-align:center;width:165px;height:40px;border-radius:10px;border:none;display:flex;align-items:center;background-color:#fff;cursor:pointer}.labor-regulation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%}.labor-regulation-container .labor-regulation-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.labor-regulation-container .labor-regulation-title h2{font-family:Inter,sans-serif;font-size:36px;font-weight:600;color:#4a4848;text-align:center}.labor-regulation-container .labor-regulation-title span{font-family:Inter,sans-serif;font-size:18px;font-weight:400;color:#4a4848;text-align:center}.labor-regulation-container .labor-regulation-cards{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;margin-top:20px}.card-regulations-container{width:317px;height:360px;background-color:#feeeee;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.card-regulations-container h3{width:90%;font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#4a4848;text-align:center;justify-self:center}.card-regulations-container span{margin-top:-50px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#4a4848;text-align:center;width:90%}.card-regulations-container button{flex-direction:row;justify-content:space-around;font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#4a4848;text-align:center;width:165px;height:40px;border-radius:10px;border:none;display:flex;align-items:center;background-color:#fff;cursor:pointer}.navBar{width:100%;height:80px;display:flex;align-items:center;justify-content:center;position:fixed;transition:all .4s ease;z-index:99999}.navBar .navBar-container{z-index:100;height:80px;width:95%;max-width:1280px;display:flex;flex-direction:row;align-items:center}.navBar .navBar-container .navBar-logo{text-decoration:none!important;font-family:Inter,sans-serif;color:#4a4848;font-size:24px;font-weight:800;width:40%}.navBar .navBar-container .navBar-links{display:flex;flex-direction:row;justify-content:space-between;width:60%}.navBar .navBar-container .navBar-links button{text-decoration:none;font-family:Inter,sans-serif;color:#4a4848;font-size:14px;font-weight:500;background-color:transparent;border:none;cursor:pointer}.navBar .navBar-container .navBar-links button:hover{font-weight:600;text-decoration:underline;color:#4a4848}.navBar-glass{background-color:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:none;box-shadow:0 0 200px #0000001a}.hoursDistributor-container{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100vh;width:100%;max-width:1280px}.hoursDistributor-container .hoursDistributor-calculator{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:50%;background-color:#ffeab3}.hoursDistributor-container .hoursDistributor-information{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:50%;background:linear-gradient(135deg,#fdecc8,#fde7e8,#f0f4ff)}.hoursDistributor-container .hoursDistributor-calculator-form{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;width:90%}.hoursDistributor-container .hoursDistributor-calculator-form form{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;justify-content:center;width:100%;max-width:600px}.hoursDistributor-container .hoursDistributor-calculator-form form .hoursDistributor-calculator-form-input{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.workingZone-container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}.workingZone-container h1{font-size:74px;font-weight:700;color:#4a4848;text-align:center}.workingZone-container p{font-size:24px;font-weight:500;color:#757575;text-align:center;margin-bottom:40px}.workingZone-container button{margin-top:40px;background-color:#4a4848;color:#fff;font-size:18px;font-weight:500;padding:10px 20px;width:230px;height:40px;border-radius:24px;border:none;cursor:pointer}