@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background-color:#121213;color:#fff;font-family:IBM Plex Mono,monospace}.app{align-items:center;display:flex;flex-direction:column;height:100dvh;margin:0 auto;max-width:180rem;padding:8rem 0}.header{display:flex;gap:2rem;margin-bottom:12rem}.header button{border:none;box-shadow:none;cursor:pointer;font-size:1.8rem;outline:none;padding:1rem 3rem}.header button:hover{background-color:#121213;color:#fff}select{font-size:1.8rem;padding:1rem}.main{display:flex;margin-bottom:12rem;width:180rem}.main img{width:20rem}.word{align-self:flex-end;display:flex;gap:3.2rem;justify-content:center;width:80%}.word-item{align-items:center;border-bottom:2px solid #fff;display:flex;flex-direction:column;padding:2rem;width:7rem}.word-item span{font-size:4.6rem;margin-bottom:-2.4rem}.loader{align-self:center;font-size:3.2rem;margin:0 auto}.keyboard{align-items:center;display:flex;flex-direction:column;gap:.5rem}.keyboard button{font-size:4.2rem}.row{display:flex;gap:.5rem}.row button{border:none;cursor:pointer;outline:none}.clicked{background-color:grey;color:#12121369}.row button:hover{background-color:#121213;color:#fff}.clicked:hover{background-color:grey!important;color:#12121369!important;cursor:default!important}.first-row,.first-row button,.second-row{width:70rem}.second-row button{width:7.66rem}.third-row{width:70rem}.third-row button{width:10rem}.ADD{background-color:#055005;color:#fff;width:12rem!important}.DELETE{background-color:#920909;color:#fff}@media (max-width:112.5em){.app,.main{max-width:160rem}.word-item{width:5rem}.word-item span{font-size:3.6rem}}@media (max-width:100em){.app,.main{max-width:140rem}}@media (max-width:87.5em){.app,.main{max-width:120rem}.word{gap:2rem}.word-item{width:3rem}.word-item span{font-size:3rem}.main img{width:16em}}@media (max-width:75em){.app,.main{max-width:100rem}.main img{width:12em}.word{gap:1rem}}@media (max-width:62.5em){.app,.main{max-width:80rem}.main{align-items:center;flex-direction:column}.word{align-self:center;gap:1rem}.word-item span{font-size:2.2rem}}@media (max-width:50em){.app,.main{max-width:60rem}.word{gap:.5rem}.word-item{padding:2rem 1rem;width:4rem}.word-item span{font-size:2.4rem}.row{width:60rem}}@media (max-width:37.5em){.app{max-width:40rem}.header{gap:1rem}.header button{font-size:1.4rem}select{font-size:1.2rem}.main{max-width:40rem}.word{gap:.5rem}.word-item{padding:2rem .5rem;width:4rem}.word-item span{font-size:2rem}.main img{width:10em}.row{width:40rem}}@media (max-width:25em){.app{max-width:35rem}.header{gap:1rem}.header button{font-size:1.4rem}select{font-size:1.2rem}.main{max-width:35rem}.word{gap:.2rem}.word-item{padding:2rem .5rem;width:4rem}.word-item span{font-size:1.6rem}.main img{width:10em}.keyboard button{font-size:3rem}.row{width:35rem}}
/*# sourceMappingURL=main.78391111.css.map*/