*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:#f3f4f6;color:#333;display:flex;font-family:Roboto,sans-serif;height:100vh;justify-content:center;overflow:hidden}.container{gap:.1em}#english,.container{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;display:flex;flex-direction:column;max-width:400px;padding:2em;text-align:center;width:100%}#english{gap:1.5em}.code-content strong{font-size:1rem;font-weight:700}h2{color:#007bff;font-size:1.5em;font-weight:700;margin-bottom:1em;text-align:center}form{display:flex;flex-direction:column;gap:1.2em}input,textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1em;padding:.75em;width:100%}textarea{resize:none}button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;padding:.75em;transition:background .3s ease;width:100%}button:hover{background-color:#0056b3}.todo-list{list-style:none;margin-top:2em;max-height:200px;overflow-y:auto;text-align:left}.todo-list li{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;font-size:1em;justify-content:space-between;margin:.5em 0;padding:.75em}.code-content{word-wrap:break-word;background-color:#f0f0f0;border-radius:5px;box-sizing:border-box;overflow-wrap:break-word;padding:10px;width:100%}.code-content strong{display:block;margin-bottom:8px}.code-content p{word-wrap:break-word}.navbar{align-items:center;background:linear-gradient(135deg,#6a11cb,#2868d7);color:#fff;display:flex;justify-content:space-between;left:0;padding:1em 2em;position:fixed;top:0;width:100%;z-index:100}.logo{animation:glow 1.5s infinite alternate;color:#fff;font-family:Arial,sans-serif;font-size:2rem;font-weight:700;letter-spacing:2px;position:relative;text-shadow:1px 1px 2px #ffffffb3,0 0 25px #ffffff1a,0 0 50px #ffffff1a;text-transform:uppercase}@keyframes glow{0%{text-shadow:1px 1px 2px #ffffffb3,0 0 25px #ffffff1a,0 0 50px #ffffff1a}to{text-shadow:0 0 20px #ffffffe6,0 0 40px #ffffffb3,0 0 60px #ffffff80}}.logo{background:linear-gradient(45deg,#ff6f61,#fc0,#8e44ad);background-clip:text;-webkit-background-clip:text;color:#0000}.delete-btn{width:25%}.word{font-weight:700}.design{border:1px solid #ee6f6f;border-radius:12px;margin-top:20px;padding:6px}.nav-links ul{display:flex;gap:1.5em;list-style:none;padding:0}.nav-links a{color:#fff;font-weight:500;padding:8px 16px;text-decoration:none;transition:color .3s;transition:background-color .3s ease}.nav-links a:hover{background-color:#ffffff1a;color:#e0e0e0}.nav-links a{border:2px solid #0000;border:2px solid #fff;border-radius:4px}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:.3em}.hamburger span{background-color:#fff;display:block;height:4.2px;transition:.3s ease;width:30px}@media (max-width:768px){.nav-links{align-items:flex-start;background-color:#4843e4;display:flex;height:100vh;justify-content:center;padding-top:20px;position:fixed;right:-100%;top:68px;transition:right .3s;width:180px}.code-content{word-wrap:break-word;background-color:#f0f0f0;border-radius:5px;box-sizing:border-box;overflow-wrap:break-word;padding:10px;width:100%}.code-content strong{display:block;margin-bottom:8px}.code-content p{word-wrap:break-word}.nav-links ul{flex-direction:column;gap:2.7em;padding:0}.nav-links a{color:#fff;padding:12px;text-align:center;width:100%}.nav-links.show{right:0}.hamburger{display:flex}.hamburger.open span:first-child{transform:rotate(45deg) translateY(12px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-12px)}}
/*# sourceMappingURL=main.4dcf30b7.css.map*/