@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,800&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;font-size:32px}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}body{padding:10px}.categories-page{align-items:center;display:flex;flex-direction:column}.categories-page__no-words{margin-top:20px;text-align:center}.statistics-page{display:none;width:100%}.statistics-page.active{display:block}.route-pages{display:flex;justify-content:center}@media(max-width:400px){.route-pages{flex-direction:column;justify-content:center}}.add-words,.statistics,.to-main,.word__button{align-items:center;background:#7fbbff;border:4px solid #7fbbff;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:800;margin-bottom:20px;margin-right:50px;padding:10px;text-align:center;text-decoration:none;transition:.3s}.add-words:hover,.statistics:hover,.to-main:hover,.word__button:hover{background-color:#fff;color:#84b7f1}@media(max-width:400px){.add-words,.statistics,.to-main,.word__button{justify-content:center;margin-right:0}}.add-words,.to-main{margin-right:0}.main-page{color:#000;cursor:pointer;display:block;font-size:24px;font-weight:800;margin-bottom:20px;text-align:center;transition:.3s}.main-page:hover{color:#84b7f1}.title{border:4px solid #7fbbff;border-radius:30px;font-size:30px;font-weight:700;margin-bottom:20px;padding:10px;text-align:center}.categories-wrapper{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}.category__container{align-items:center;background-color:#f1f1f1;border:2px solid #d8d6d6;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:200px;margin:0 auto;padding:10px;transition:.3s;width:20%}.category__container.active{background-color:#bebebe}@media(max-width:1000px){.category__container{margin-bottom:20px;width:30%}}@media(max-width:500px){.category__container{margin-bottom:20px;width:45%}}@media(max-width:300px){.category__container{margin-bottom:20px;width:100%}}.category__title{font-size:calc(11.33333px + 1.45833vw);font-weight:700;text-transform:uppercase}.word__wrapper{align-items:center;background-color:#f1f1f1;border:2px solid #d8d6d6;border-radius:10px;display:flex;flex-direction:column;margin:50px auto 0;min-width:300px;padding:10px;width:50%}@media(max-width:330px){.word__wrapper{min-width:auto;width:95%}}.word__container{align-items:center;display:flex;flex-direction:column;width:100%}.word__eng-variant{font-size:30px;margin-bottom:50px;text-align:center;text-transform:uppercase}.word__input{border:2px solid #d8d6d6;border-radius:10px;font-size:calc(6px + 1.875vw);margin-bottom:20px;padding:10px}.word__input.wrong{border:2px solid red;outline-color:red}@media(max-width:900px){.word__input{width:90%}}.word__notice{color:red;display:none;margin-bottom:20px;max-width:186px;text-align:center}.word__notice.active{display:block}.word__button{margin:0}tbody{width:100%}.statistics__table-wrapper{table-layout:fixed;width:100%}.statistics__table-wrapper th{font-size:calc(.66667px + 2.29167vw)}.statistics__row{border-bottom:1px solid #000;width:100%}.statistics__row td{border-left:1px solid #000;font-size:calc(8.66667px + 1.66667vw);padding-left:10px;text-align:start;width:50%}.statistics__row td:first-child{border-left:none;padding-right:10px;text-align:end}.statistics__row:nth-child(2n){background-color:#f2f1f1}.vocabulary__table-wrapper{table-layout:fixed;width:100%}.vocabulary__row{border-bottom:1px solid #000;width:100%}.vocabulary__row td{border-left:1px solid #000;padding-left:10px;text-align:start}.vocabulary__row td:first-child{border-left:none;padding-right:10px;text-align:end}.vocabulary__row:nth-child(2n){background-color:#f2f1f1}.vocabulary__right{align-items:center;display:flex;justify-content:space-between}.vocabulary__delete{cursor:pointer;height:40px;width:40px}.vocabulary__delete .basket{color:#000;transition:.4s}.vocabulary__delete:hover .basket{color:red}.notice{display:block;text-align:center}.adding__wrapper{align-items:center;display:flex;flex-direction:column}.newword__wrapper{width:100%}.newword__form{display:flex;flex-direction:column;justify-content:center;padding-top:10px}.newword__input{display:block;font-size:calc(6px + 1.875vw);margin-bottom:20px;padding:10px;width:100%}.newword__button,.newword__input{border:2px solid #d8d6d6;border-radius:10px}.newword__button{cursor:pointer;margin:0 auto;transition:.4s;width:25%}@media(max-width:1000px){.newword__button{width:50%}}.newword__button:hover{background-color:#cccaca}
/*# sourceMappingURL=main.94b6175c.css.map*/