body{max-width:1280px;margin:0 auto;text-align:center;max-height:100vh;background-color:#222831;font-family:Courier New,Courier,monospace;color:#eee}.container{display:flex;flex-direction:column;justify-content:center;align-items:center}.heading1{margin-top:30px;color:#7bc74d;font-size:3rem}.toggle{display:inline-block;border-width:3px;border-radius:5px;border-color:#222831;box-shadow:3px 3px 3px #222831}.btn{font-family:Courier New,Courier,monospace;position:relative;padding:20px;font-size:1.2rem;color:#eee;background:transparent;cursor:pointer;transition:color .3s ease;font-weight:600;width:220px}.toggled{font-family:Courier New,Courier,monospace;position:relative;padding:20px;font-size:1.2rem;color:#eee;background-color:#7bc74d;cursor:pointer;transition:color .3s ease;font-weight:600;width:220px}.btn:after{content:"";position:absolute;width:0%;height:2px;bottom:0;left:0;background-color:#7bc74d;transition:width .3s ease}.btn:hover:after{width:100%}.btn:hover{color:#7bc74d}.choose{margin-top:20px;font-size:2rem;color:#7bc74d}.algorithm-buttons{display:flex;gap:1rem;margin-top:1rem}.algorithm-button{font-family:Courier New,Courier,monospace;position:relative;padding:20px;font-size:1.2rem;color:#7bc74d;background:transparent;border:none;cursor:pointer;transition:color .3s ease;font-weight:600;width:220px}.algorithm-button:after{content:"";position:absolute;width:0%;height:2px;bottom:0;left:0;background-color:#7bc74d;transition:width .3s ease}.algorithm-button:hover:after{width:100%}.algorithm-button:hover{color:#a3e077}.disc{margin-top:20px;font-size:1.22rem;color:#7bc74d}.form-container{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;width:100%}.form-label{font-size:1.1rem;font-weight:600;color:#7bc74d}.form-input{background-color:#222831;border:2px solid #7BC74D;border-radius:8px;padding:.75rem 1rem;font-size:1rem;color:#7bc74d;transition:border-color .3s,box-shadow .3s}.form-input:focus{outline:none;border-color:#a3e077;box-shadow:0 0 5px #7bc74d}.submit-button{background-color:#7bc74d;color:#000;padding:.75rem 1.5rem;font-size:1.2rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:#66a93b}.submit-button:active{transform:scale(.95);transition:.1s}.result-textarea{background-color:#222831;border:2px solid #7BC74D;color:#7bc74d;font-size:1rem;padding:1rem;resize:vertical;height:50px;margin-bottom:20px}@media (max-width: 768px){.algorithm-buttons{flex-direction:column;align-items:center}.btn,.toggled,.algorithm-button{width:80%;max-width:300px}.heading1{font-size:2.2rem}.choose,.disc{font-size:1.5rem;padding:0 1rem}.form-container{padding:0 1rem}.form-input,.submit-button,.result-textarea{width:100%}}@media (max-width: 480px){.heading1{font-size:1.8rem}.choose,.disc{font-size:1.2rem}.btn,.toggled,.algorithm-button{font-size:1rem;padding:15px}}@media (max-width: 399px){.heading1{font-size:1.5rem}.choose,.disc{font-size:1rem;padding:0 .5rem}.btn,.toggled,.algorithm-button{font-size:.9rem;padding:12px;width:90%}.algorithm-buttons{gap:.5rem}.form-container{padding:0 .5rem}.form-input{font-size:.9rem}.submit-button{font-size:1rem;padding:.6rem;width:90%}.result-textarea{font-size:.9rem;width:90%}}