body{font-family:sans-serif;color:#0e3358;width:100vw}.container{margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;width:500px}form{display:flex;flex-direction:row;width:100%}.search{display:flex;width:100%}input{width:100%;margin-right:.5rem}button{width:30%;background-color:#0e3358;color:#fff;text-transform:uppercase;font-weight:lighter;border-radius:5px;border:none;cursor:pointer}button:hover{background-color:#fff;color:#0e3358;border:1px solid #0e3358}.results{width:100%}.results ul{list-style:none;margin:0;padding:0;width:100%}.word-container{border:1px solid #0e3358;border-radius:2px;padding:1rem;margin-top:.5rem;width:max-width;display:flex;flex-direction:column}.word-container .top{display:flex;flex-direction:row;justify-content:space-between}.hanzi{font-size:2rem}.level{background-color:#0e3358;color:#fff;height:.8rem;padding:5px;border-radius:2px;font-size:.75rem}.pinyin{font-style:italic}.definitions{margin-top:.5rem;font-weight:bolder}