.container{display:flex}.black{background-color:#07070a1a}.white{background-color:#fff}.btn{background-color:#0077ed;border-radius:5px;color:#fff;border:none;padding:8px 10px;margin:1px}.btn:hover{background-color:#0172e2}.btn:disabled{opacity:.6;cursor:not-allowed}.input{background-color:#00000057;border:1px solid rgba(128,128,128,.568);border-radius:5px;padding:8px 6px;margin:1px;box-shadow:none;color:#fff}.pixel{display:inline-block;width:20px;height:20px;border:1px solid rgba(44,44,44,.308)}@media screen and (min-width: 500px){.wordlist{padding:0;height:90vh;overflow-y:auto}.wordlist-container{float:left;border-right:1px solid rgba(0,0,0,.733)}}ul{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:space-between;min-height:70vh}li{display:flex;justify-content:space-between}li>button{background:transparent;border:none;border-bottom:1px solid black;padding:10px;font-size:large}li>button+button{padding-right:20px}.wordUpload{color:#105eb8;padding-left:10px;font-size:small}.wordUpload:hover{color:#00f;text-decoration:underline}.wordUpload>input{display:none}.download-words{width:100%}.navbar{margin:10px;padding:5px;border-bottom:1px solid grey;display:flex;justify-content:flex-end}.filter{width:40px;height:40px;border-radius:10px;margin-left:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.192);cursor:pointer;box-shadow:0 10px 10px #00000005;transition:all .3s;background-color:#00000069}.filter svg{height:16px;fill:#fff;transition:all .3s}.filter:hover{box-shadow:0 10px 10px #0000001c;background-color:#424242}.filter:hover svg{fill:#fff}html{background:linear-gradient(135deg,#24272b,#07070a);min-height:100vh;min-width:100vw}body{margin:0}.center{display:flex;justify-content:center}h1,h2,h3,h4,h5,h6,p,button,label{color:#fff}