*,ul{padding:0}#searchInput,li{padding:10px;transition:.3s}.search-container,body,header,li{display:flex}*{margin:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background:url('../img/background.jpeg') center center/cover no-repeat fixed;flex-direction:column;align-items:center;height:100vh}header{width:100%;justify-content:space-between;align-items:center;padding:20px;background:rgba(0,100,0,.7);color:#fff}h1{font-size:2rem}.trocos-btn,li{color:#fff;font-size:1.2rem}#searchInput{border:2px solid teal;border-radius:5px;font-size:1rem;outline:0}#searchInput:focus{border-color:#005f5f}.container{width:50%;background:rgba(255,255,255,.9);padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);margin-top:10px;overflow-y:auto;max-height:500px}ul{list-style:none}li{background:linear-gradient(to right,green,#00b300);margin:5px 0;border-radius:5px;justify-content:space-between;align-items:center}li:hover{background:#090;cursor:pointer}@media (max-width:768px){.container{width:80%}}.trocos-btn{position:fixed;bottom:20px;right:20px;padding:10px 20px;background-color:#ff5733;border:none;border-radius:5px;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.2);transition:background-color .3s,transform .2s ease-in-out}.trocos-btn:hover{background-color:#c0392b;transform:scale(1.1)}.trocos-btn:active{background-color:#e74c3c;transform:scale(.98)}