.navbar input[type=checkbox],.navbar .hamburger-lines{display:none}.navbar{background-color:#fff;position:fixed;top:0;width:100%;height:auto;color:#000;z-index:100}.container{max-width:1280px;width:90%;margin:auto}.navbar-container{display:flex;justify-content:space-between;height:64px;align-items:center}.menu-items{order:2;display:flex}.logo{order:1;font-size:2rem;font-family:Arial,sans-serif;letter-spacing:1px}.menu-items li{list-style:none;margin-left:1.5rem;font-size:1rem}.navbar a{color:#444;text-decoration:none;font-weight:500;transition:color .3s ease-in-out;font-family:Arial,sans-serif}.navbar a:hover{color:#117964}@media(max-width:1280px){.navbar{opacity:.95}.navbar-container input[type=checkbox],.navbar-container .hamburger-lines{display:block}.navbar-container{display:block;position:relative;height:64px}.navbar-container input[type=checkbox]{position:absolute;display:block;height:32px;width:30px;top:20px;left:20px;z-index:5;opacity:0;cursor:pointer}.navbar-container .hamburger-lines{height:28px;width:35px;position:absolute;top:20px;left:20px;z-index:2;display:flex;flex-direction:column;justify-content:space-between}.navbar-container .hamburger-lines .line{display:block;height:4px;width:100%;border-radius:10px;background:#333}.navbar-container .hamburger-lines .line1{transform-origin:0 0;transition:transform .3s ease-in-out}.navbar-container .hamburger-lines .line2{transition:transform .2s ease-in-out}.navbar-container .hamburger-lines .line3{transform-origin:0 100%;transition:transform .3s ease-in-out}.navbar .menu-items{padding-top:100px;background:#fff;height:100vh;max-width:300px;transform:translate(-150%);display:flex;flex-direction:column;margin-left:-40px;padding-left:40px;transition:transform .5s ease-in-out;box-shadow:5px 0 10px #aaa;overflow:scroll}.navbar .menu-items li{margin-bottom:1.8rem;font-size:1.1rem;font-weight:500}.logo{position:absolute;top:10px;right:20px;font-size:2.5rem}.navbar-container input[type=checkbox]:checked~.menu-items{transform:translate(0)}.navbar-container input[type=checkbox]:checked~.hamburger-lines .line1{transform:rotate(45deg)}.navbar-container input[type=checkbox]:checked~.hamburger-lines .line2{transform:scaleY(0)}.navbar-container input[type=checkbox]:checked~.hamburger-lines .line3{transform:rotate(-45deg)}}@media(max-width:500px){.navbar-container input[type=checkbox]:checked~.logo{display:none}}.app-container{width:100%;margin:130px auto auto;display:flex;justify-content:center;text-align:center}.content-container{max-width:800px;min-width:320px;margin:0 20px 20px;height:100%;text-align:center;text-wrap:wrap}@media only screen and (min-width:1440px){.wideskyscraper,.leaderboard{display:block!important}.mobileleaderboard{display:none!important}}@media only screen and (max-width:1440px){.content-container{max-width:760px!important}.wideskyscraper,.leaderboard{display:block!important}.mobileleaderboard{display:none!important}}@media only screen and (max-width:1200px){.content-container{max-width:660px!important}.wideskyscraper{display:block!important}.leaderboard{display:none!important}.mobileleaderboard{display:block!important}}@media only screen and (max-width:1024px){.content-container{max-width:560px!important}.wideskyscraper{display:block!important}.leaderboard{display:none!important}.mobileleaderboard{display:block!important}}@media only screen and (max-width:992px){.content-container{max-width:960px!important}.wideskyscraper{display:none!important}.leaderboard{display:block!important}.mobileleaderboard{display:none!important}}@media only screen and (max-width:769px){.content-container{max-width:720px!important}.wideskyscraper,.leaderboard{display:none!important}.mobileleaderboard{display:block!important}}@media only screen and (max-width:576px){.content-container{max-width:540px!important}.wideskyscraper,.leaderboard{display:none!important}.mobileleaderboard{display:block!important}}.breadcrumbs{position:fixed;width:100%;height:auto;color:#000;z-index:99;top:64px;margin:0 auto;padding:10px 16px;font-size:14px;background-color:#fff;border-top:1px solid #f5f4f3;box-shadow:0 3px 24px #00000014}.breadcrumbs ol{max-width:1280px;width:90%;margin:auto;display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}.breadcrumbs li:after{content:"/";margin:0 6px;color:#999}.breadcrumbs li:last-child:after{content:""}.breadcrumbs a{color:#0070f3;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span{color:#555}select{padding:10px;width:100%;font-size:1.5em;margin-bottom:20px;outline:none;border:2px solid #656ee0;border-radius:5px}.conversionTable{width:100%;display:block;justify-content:center;text-align:center;margin-top:48px;margin-bottom:64px}.conversionTable h2{font-size:1.5rem;font-weight:600;margin:16px 0;text-align:center;color:#222}.conversionTable table{margin:auto;width:100%;max-width:760px;border-collapse:collapse;font-size:.95rem}.conversionTable th,.conversionTable td{border:1px solid #ddd;padding:10px 12px}.conversionTable th{background-color:#f9f9f9;color:#333;font-weight:600;text-align:right}.conversionTable td:first-child,.conversionTable th:first-child{text-align:left}.conversionTable tr:nth-child(2n){background-color:#fafafa}.conversionTable tr:hover{background-color:#f1f5f9}@media(max-width:600px){.conversionTable table,.conversionTable th,.conversionTable td{font-size:.85rem}.conversionTable th,.conversionTable td{padding:6px 8px}}.conversionFormula{margin-top:48px;max-width:900px}.conversionFormula h2{font-size:1.6rem;margin-bottom:12px}.conversionFormula h3{margin-top:28px;font-size:1.25rem}.conversionFormula p{line-height:1.6;margin:12px 0}.mathBlock{margin:20px 0}math{font-size:1.25rem}.unit-page{display:flex;align-items:center;justify-content:center;text-align:center}.seoHeadingConversion{font-family:Overpass,sans-serif;font-size:3em;line-height:58px;margin-bottom:20px;font-weight:800}.seoDescriptionConversion{font-size:1.2em;color:#282f3a;margin-bottom:40px}.converter{display:flex;justify-content:center}.converterRow{display:grid}.converterRow input{padding:10px;font-size:3.5em;text-align:center;width:100%;height:100px;outline:none;border:2px solid #e8ebf1;border-radius:5px}.converterRow select{padding:10px;font-size:1.5em;outline:none;border:2px solid #e8ebf1;border-radius:5px;cursor:pointer}.swapButton{padding:10px;font-size:1.5em;height:6.4em;outline:none;border:2px solid #e8ebf1;background-color:#e8ebf1;cursor:pointer}*,*:after,*:before{box-sizing:border-box;padding:0;margin:0}body{background-color:#f8f9fa;font-family:Arial,sans-serif;color:#282f3a}.center-page{text-align:center;margin-top:50px;font-family:Arial,sans-serif}