.filter-btn{background-color:#1a1a1a;color:#e0e0e0;border:1px solid #3a3a3a;transition:background-color .3s,color .3s,box-shadow .3s}.filter-btn.active,.filter-btn:hover{background-color:#3a3a3a;color:#fff;box-shadow:0 0 10px hsla(0,0%,100%,.1)}nav ul{list-style-type:none;padding:0;display:flex}nav ul li{margin-right:15px}nav ul li a{color:#e0e0e0;text-decoration:none;padding:5px 10px;border-radius:3px;transition:background-color .3s,color .3s,box-shadow .3s;text-transform:uppercase;letter-spacing:1px}nav ul li a:hover{background-color:#2a2a2a;color:#fff;box-shadow:0 0 10px hsla(0,0%,100%,.1)}nav ul li a.active{background-color:#3a3a3a;color:#fff}.search-bar input{background-color:#1a1a1a;color:#e0e0e0;border:1px solid #3a3a3a;padding:8px 12px;border-radius:3px;transition:box-shadow .3s}.search-bar input:focus{outline:none;box-shadow:0 0 10px hsla(0,0%,100%,.1)}.currency-selector{margin-left:15px}#currency-select{background-color:#1a1a1a;color:#e0e0e0;border:1px solid #3a3a3a;padding:8px 12px;border-radius:3px;transition:box-shadow .3s}#currency-select:focus{outline:none;box-shadow:0 0 10px hsla(0,0%,100%,.1)}