body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#222;color:#fff;margin:0;padding:0}.App{display:flex;flex-direction:column;height:95vh;padding:16px}.content{flex-grow:1}.home{text-align:center}.api-key-input{align-items:center;display:flex;justify-content:center;margin-bottom:16px}.api-key-input input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:8px;width:300px}.api-key-input button{background-color:#555;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:8px;padding:8px 16px}.api-key-input button:hover{background-color:#777}.services-box{border:1px solid #ccc;margin-top:100px}.options{margin:15px;padding:5px}.option,.options{display:flex;justify-content:center}.option{align-items:center;background-color:#d3d3d3;border-radius:4px;color:#000;cursor:pointer;font-size:20px;height:200px;margin:0 8px;text-decoration:none;width:280px}.option:hover{background-color:#a5a5a5}@media (max-width:767px){.options{flex-direction:column;margin:50px}.option{margin-bottom:16px}}.footer{background-color:#f2f2f2ab;bottom:0;color:#000;left:0;padding:16px;position:fixed;text-align:center;width:100%}.footer p{font-size:25px;margin:0}.navbar{align-items:center;background-color:#333;color:#e4e4e4;display:flex;justify-content:space-between;padding:1rem}.navbar-heading{margin:0}.navbar-options{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.navbar-option{align-items:center;display:flex}.navbar-option a{border-radius:.25rem;color:#b1b1b1;padding:.5rem;text-decoration:none;transition:color .3s ease}.navbar-option a:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.Pros{text-align:center}.input-box textarea,.output{border:1px solid #ccc;border-radius:4px;font-size:large;height:200px;padding:1rem;width:90%}.Grammar{text-align:center}.box-container{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem}.input-box,.output-box{box-sizing:border-box;flex:1 1;margin:.5rem;max-width:100%;padding:1rem}.input-box textarea,.output{border:1px solid #ccc;border-radius:4px;font-size:large;height:200px;padding:1rem;width:90%}.output{background-color:#2c2c2c}button{background-color:#555;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;margin:180px 10px 10px;padding:8px 16px}button:hover{background-color:#777}.output-box h3{margin-top:0}@media (max-width:1300px){.box-container{flex-direction:column}.input-box,.output-box{width:100%}}
/*# sourceMappingURL=main.4d99b942.css.map*/