:root{--bg-color: #101010;--text-color: #d2d2d2;--inner-bg: #1a1a1a;--border-color: #232323;--hover-color: #949494;--hover-border: #c594c5}body{background-color:var(--bg-color);color:var(--text-color);font-family:sans-serif;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}nav{background-color:var(--inner-bg);border-bottom:1px solid var(--border-color);width:100%;box-sizing:border-box;display:flex;padding:.5em 2em;justify-content:space-between;align-items:center}nav img{height:30px}#app{display:flex;flex-direction:column;flex-grow:1}p{margin:0;text-align:center}h1,h2,h3{text-align:center;color:var(--text-color)}a{color:var(--hover-color);text-decoration:none}a:hover{color:var(--hover-border);text-decoration:underline}button{background-color:var(--inner-bg);color:var(--text-color);border:1px solid var(--border-color);padding:10px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease}button:hover{background-color:var(--hover-color);color:var(--bg-color)}input[type=text]{width:100%;padding:10px;margin-bottom:15px;background-color:var(--inner-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:5px;box-sizing:border-box}input[type=text]:focus{outline:none;border-color:var(--hover-border)}form{max-width:60ch;display:flex;width:100%;gap:.5em;padding:0 1em;box-sizing:border-box}form input[type=text]{flex:1;width:auto;margin-bottom:0}footer{background-color:var(--inner-bg);padding:.5em 2em;margin-top:2em;border-top:1px solid var(--border-color);width:100%;box-sizing:border-box}#footer-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1em}#results{width:100%;max-width:80ch;padding:0 1em;box-sizing:border-box}#result-list{padding:0;margin:0;display:flex;flex-direction:column;gap:1em}#result-item{background-color:var(--inner-bg);color:var(--text-color);border:1px solid var(--border-color);padding:15px;border-radius:5px;display:flex;flex-direction:column;gap:.5em}#result-item a{color:var(--hover-border);font-weight:700}#spec{font-size:.8em;color:var(--hover-color)}#home,#error{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;gap:2em;box-sizing:border-box}#error{gap:.5em}#error h1{font-size:5em}#heading h1,#heading p{margin:0}#heading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;text-align:center;padding:0 1em}.search_page{margin-top:2em}@media (max-width: 768px){#result-list{padding:0}#home{min-height:auto}}@media (max-width: 570px){form{flex-direction:column}}@media (max-width: 480px){#footer-container{flex-direction:column;text-align:center}body{font-size:.9em}h1{font-size:1.8em}h2{font-size:1.4em}h3{font-size:1.2em}button,input[type=text]{width:100%}footer{padding:.5em 1em}#footer-container{padding:0}#result-item{padding:10px}#home{padding:1em}#heading{gap:.5em}}