*{box-sizing:border-box}body{margin:0;background:rgb(35,35,44)}main{display:flex;height:100vh;padding:10px;flex-direction:column}.bars{height:100px;flex:1;display:flex}.bar{flex:1;align-self:flex-end;background-color:#cfcfcf;border:1px solid rgb(128,128,128)}.swap{background-color:teal}.compare{background-color:red}.buttons{display:flex}button{width:100%;transition:all .3s;padding:10px 5px;border:none;border-radius:10px;margin:5px 10px 0 0}button:hover{cursor:pointer}.generateBtn{color:#fff;background:rgba(255,27,46,.822)}.generateBtn:hover{color:#fff;background:rgba(116,4,4,.822)}.sortBtn{color:#fff;background:rgba(14,139,255,.822)}.sortBtn:hover{color:#fff;background:rgba(1,84,161,.822)}.options{color:#ccc;padding:20px;border:rgb(82,82,82) 1px solid;border-radius:10px;margin-top:10px;font-family:"Lucida Sans"}.options div{width:100%;display:flex;margin-top:10px}.options div input{flex:1;border:none;background:rgb(77,77,77);color:#ccc;padding:5px 10px}.options div label{margin-right:10px}