*{margin:0;padding:0;font-family:Open Sans,sans-serif}.main-page{display:flex;justify-content:space-between}.clicked-hero{width:1450px;position:absolute;right:0;background-color:#ebebeb;height:100dvh}.hero{width:80dvw;position:absolute;right:0;background-color:#ebebeb;height:100dvh;z-index:0}.clicked-sidebar-main{width:10px;position:fixed;top:0}.sidebar-main{width:20dvw;position:fixed;top:0}.mobile-nav{display:none}@media (max-width:768px){.main-page{display:block;justify-content:none}.sidebar-main{display:none;z-index:1000}.clicked-sidebar-main{display:block}.hero{width:100dvw;position:absolute;right:0;background-color:#ebebeb;height:100%;z-index:0}.mobile-nav{display:flex;justify-content:space-between;margin:10px 20px;align-items:center}.mobile-nav .hamburger{font-size:30px}.mobile-nav img{height:30px}.mobile-nav a{text-decoration:none;color:#1e1e1e}.mobile-nav h3{display:none}.main-page{display:flex}.clicked-hero{width:100dvw;position:absolute;right:0;background-color:#ebebeb;height:100%}.sidebar-main{width:80dvw}.clicked-sidebar-main{z-index:1000;width:280px;position:absolute;top:0;background-color:#fff}}.main-header{font-size:25px;padding:20px;margin-left:15px;color:#1e1e1e}.clicked-sidebar{background-color:#fff;width:100px;color:green;height:100dvh}.sidebar{background-color:#fff;width:320px;color:green;height:100dvh}.cross{padding:10px;font-size:20px;color:red}.clicked-header,.header{display:flex;width:100%;justify-content:center;height:80px;align-items:center;border-bottom:1px solid rgb(219,219,219)}.ham{display:flex;justify-content:center;align-items:center;padding:10px 10px 10px 13px;font-size:25px}.clicked-header img,.header img{height:50px}.clicked-header h1{display:none}.header h1{padding-left:0;margin-left:0}.clicked-toggle-button{margin-top:10px;display:flex;align-items:center;background-color:#e3e3e3;border-radius:10px;z-index:1000;margin-left:19px;margin-bottom:10px}.toggle-button{margin-top:10px;display:flex;align-items:center;background-color:#e3e3e3;border-radius:10px;z-index:1000;margin-left:120px}.category{display:flex;align-items:center}.icons{padding:10px;font-size:20px}.sidebar h1{font-size:25px}.clicked-calculator-type h3{display:none}.calculator-type h3{margin-top:20px;margin-left:40px;color:#000;font-size:16px}.calculator-type,.clicked-calculator-type{display:flex;flex-direction:column}.calculator-type a{margin:3px 15px 3px 20px;padding:5px 10px;text-decoration:none;align-items:center;display:flex;color:#1e1e1e;transition:.3s;border-radius:10px}.clicked-calculator-type a{margin:3px 5px 3px 10px;padding:5px 10px;width:40px;text-decoration:none;align-items:center;display:flex;color:#1e1e1e;transition:.3s;border-radius:10px}.calculator-type a:hover,.clicked-calculator-type a:hover{background-color:#009c24;color:#fff}.clicked-calculator-type .icons{padding:10px;font-size:20px}.clicked-calculator-type .side-menu{display:none}@media (max-width:768px){.clicked-header img{height:50px}.clicked-calculator-type .side-menu{display:flex}.clicked-calculator-type a{margin:3px 5px 3px 10px;padding:5px 10px;width:80dvw;font-size:18px;text-decoration:none;align-items:center;display:flex;color:#1e1e1e;transition:.3s;border-radius:10px}.clicked-calculator-type{display:flex;flex-direction:column}.clicked-toggle-button{margin-top:10px;position:absolute;top:10px;right:20px;display:flex;align-items:center;background-color:#e3e3e3;border-radius:10px;z-index:1000;margin-left:19px;margin-bottom:10px}}.normal-calculator h1{font-size:25px;padding:20px;margin-left:15px;color:#1e1e1e}.calculator-basic{width:500px;margin-left:35px;border-radius:10px;background-color:#fff;font-size:25px;padding:20px 30px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;text-align:center;box-shadow:3px 3px #e9e9e9}.calculator-basic button{padding:15px 10px}.calculator-screen{grid-column:1 / -1;padding:10px;font-size:25px;outline:none;border:none;background-color:#eee;text-align:right}.back{display:flex;justify-content:center;align-items:center;background-color:#eee}.calculator-basic button{border-radius:3px}.zero{grid-column:4 /1}.shade{background-color:#eee;border:none}.border{border:1px solid rgb(235,235,235);background-color:#fff}@media (max-width:768px){.normal-calculator h1{font-size:25px;padding:20px 15px;margin-left:0;color:#1e1e1e}.calculator-basic{width:300px;margin-left:15px;border-radius:10px;background-color:#fff;font-size:25px;padding:20px 30px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;text-align:center;box-shadow:3px 3px #e9e9e9}.calculator-basic button{border-radius:3px;font-size:18px;color:#1e1e1e}}.heading h1{padding:20px;font-size:25px;margin-left:15px}.age-form{margin:20px 35px;background-color:#fff;width:350px;height:300px;padding:20px;border-radius:10px;box-shadow:3px 3px 5px #e3e3e3}.age-form input{padding:10px 20px;font-size:18px;border:1px solid rgb(209,209,209);border-radius:10px;outline:none;margin-top:20px}.age-form button{padding:12px 22px;font-size:18px;border:none;background-color:#009c24;color:#fff;margin:0 5px;border-radius:10px}.text-part-age{margin-left:10px;margin-top:40px}.age-result{font-size:20px}.age-calculator-second-part{margin:50px 40px 0}.age-calculator-second-part h3{font-size:30px}.age-question{margin-top:20px}.age-question select{padding:0 20px;outline:none;border:none}.age-question button{padding:5px 20px;margin-top:10px;background-color:#009c24;outline:none;border:none;color:#fff}.answers-agequiz{margin-top:30px;font-size:20px;text-transform:uppercase;width:200px;padding:20px;color:#fff;font-style:bold}@media (max-width:768px){.age-calculator{height:1000px;background-color:#ebebeb}.heading h1{padding:20px;font-size:25px;margin-left:5px}.input-button{display:flex;flex-direction:column;align-items:baseline;align-items:first baseline;height:40px}.age-form{margin:20px 15px;background-color:#fff;width:320px;height:300px;padding:20px;border-radius:10px;box-shadow:3px 3px 5px #e3e3e3}.age-form button{padding:5px 22px;font-size:18px;border:none;background-color:#009c24;color:#fff;margin:0 10px 15px;border-radius:10px}.age-form input{padding:15px 20px;width:150px;font-size:18px;border:1px solid rgb(209,209,209);border-radius:10px;outline:none;margin-top:20px;margin-bottom:15px}.text-part-age{margin-left:10px;margin-top:90px}.age-question{margin-top:20px}.age-question select{padding:0 20px;outline:none;border:none;font-size:18px}.age-question input{margin-top:10px;font-size:18px;outline:none;padding:5px 10px}.age-question button{padding:5px 20px;margin-top:10px;background-color:#009c24;outline:none;border:none;color:#fff;font-size:18px;border-radius:10px}.answers-agequiz{margin-top:30px;font-size:20px;text-transform:uppercase;width:200px;padding:20px;color:#fff;font-style:bold}}.interest-calculator-container{margin:10px 40px;padding:20px;background-color:#fff;width:300px;display:flex;flex-direction:column;border-radius:10px}.interest-calculator-container button{background-color:#009c24;color:#fff;border:none;border-radius:10px;outline:none;padding:10px 20px;font-size:20px;margin-top:20px;font-style:bold}.interest-calculator-container input{padding:10px;width:90%;outline:none;border:none;background-color:#e4e4e4}.interest-calculator-container p{padding:10px 0}.answer-section{margin-left:40px;margin-top:20px}.answer-section h3{font-size:20px;margin-top:10px}@media (max-width:768px){.interest-calculator-container{margin:10px 25px;padding:20px;background-color:#fff;width:300px;display:flex;flex-direction:column;border-radius:10px}.interest-calculator-container input{padding:10px;width:90%;outline:none;font-size:16px;border:none;background-color:#e4e4e4}}.hours-container{margin:20px 40px;padding:20px;background-color:#fff;box-shadow:0 3px 3px #e7e7e7;width:400px}.hours-container input{padding:10px;border-radius:10px}.hours-container button{margin-left:10px;padding:10px 20px;font-size:18px;border-radius:10px;background-color:#009c24;color:#fff;border:none;outline:none}.result-hours{margin-top:20px}.grade-container{width:30dvw}.title{display:flex;justify-content:space-around}.value{display:flex}