body{margin:0;background-color:#232b2b}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;justify-content:center}.container{max-width:500px;box-sizing:border-box;padding:60px 20px;display:flex;flex-direction:column;color:#fff}h1{text-align:center;font-size:44px;color:#e8e337}textarea{padding:10px;max-width:100%;line-height:1.5;border-radius:5px;font-size:14px;border:1px solid #ccc;box-shadow:1px 1px 1px #999;margin-bottom:10px;resize:none}textarea:focus,textarea:hover{outline:none;border:1px solid #e8e337}li{margin:5px 0}.multiplier-buttons,.search-buttons{display:flex;gap:10px}button{border-radius:8px;border-style:none;box-sizing:border-box;padding:15px 10px;font-weight:700;color:#232b2b;cursor:pointer;font-size:14px;margin-bottom:10px}.secondary{background-color:#d3d3d3;transition:.5s}.secondary:hover{background-color:#afafaf}.primary{flex:1;background-color:#e8e337;transition:.5s}.primary:hover{background-color:#c4c01f}.tertiary{flex:1;background-color:#fff;transition:.5s}.tertiary:hover{background-color:#eaeaea}.tertiary.active{background-color:#efebb3}