h2{font-family:Liberation Mono;font-size:22px;font-weight:400}:root{--primary-color:#007bff;--secondary-color:#0056b3;--background-color:#f8f9fa;--text-color:#212529;--card-bg-color:#fff;--card-border-color:#ddd}footer{background:transparent}body{color:var(--text-color);margin:0;padding-top:60px}.navbar{background-color:#fff;border:0;border-bottom:1px solid #ededed;color:#3f3f3f;font-family:Liberation Mono;font-size:2em;height:56px;left:0;line-height:56px;padding:10px 0;position:absolute;text-align:center;top:0;width:100%;z-index:1000}.navbar a{position:absolute;right:63px;top:12px}.container{height:100%;margin:50px auto;max-width:728px;padding:0 15px 100px}.search-container{display:flex;justify-content:center;margin:20px 0 40px}.search-box{border:1px solid #cbcbcb;font-size:16px;max-width:600px;padding:10px 20px;width:100%}input:active,input:focus,input:hover{outline:none}.tools-category{display:flex;flex-wrap:wrap;gap:10px}.tool{border:0;margin-right:10px;padding:5px 0;text-align:center}@media (max-width:768px){.tool{flex-basis:calc(50% - 20px)}.navbar{height:50px}.navbar a{right:15px;top:10px}}@media (max-width:480px){.tool{flex-basis:100%}}.tool-icon{color:#a6a9b4;font-size:20px;margin-bottom:10px}.tool-title{color:var(--primary-color);font-size:18px;font-weight:400}.tool-link{color:#3e3e3e;font-weight:300;text-decoration:none;transition:color .3s ease}.tool-link:focus,.tool-link:hover{text-decoration:underline}.subcategory h3{color:var(--secondary-color);font-size:16px;font-weight:400}.subcategory h3,.tools-category{margin-left:20px}.search-no-results .no-results-image{margin-bottom:20px;max-width:200px}.search-no-results h3{color:#333;margin:20px 0}.search-no-results p{line-height:1.6;margin-bottom:20px}.search-no-results a{color:#007bff;font-weight:700;text-decoration:none}.search-no-results a:hover{text-decoration:underline}#mode-switch{color:#252525;font-size:1.5rem}#mode-switch:hover{color:#151515}footer{border:0;border-top:1px solid #efefef;color:#3f3f3f;height:128px;line-height:5em;position:absolute;text-align:center;width:100%}