:root{line-height:1.5;font-weight:400;font-family:Arial,Helvetica,sans-serif}body{margin:0}h1{font-size:2em;line-height:1.1}.app-main{flex-grow:1;display:flex;flex-direction:column;background-color:#ededed}.Navbar-link-logo{display:flex;align-items:center;text-decoration:none;color:#000}#logo{margin:0}.logo-header{font-size:2.5rem;font-weight:500}.Navbar-logo{width:60px;height:60px;cursor:pointer;margin-left:2em;transition:1s}.footer{background-color:#000;color:#fff}ul{display:flex;list-style:none;justify-content:center}li{margin:.5em}.hero-section{flex-grow:1;min-height:275px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40}.hero-div{display:grid;grid-template-columns:1fr 4fr;align-items:center;max-width:800px}@media(max-width:600px){.hero-div{display:flex;flex-direction:column;margin:40px}}.result-container{display:grid;grid-template-columns:1fr 1fr 4fr;padding:1rem;justify-content:center;gap:20px}.normal{background-color:green}.warning{background-color:#ff0}.danger{background-color:red}#root{display:flex;flex-direction:column;min-height:100vh}.primary-color{background-color:#0477ce}.secondary-color{color:#fff}