body,html{padding:0;margin:0;font-family:Turret Road,cursive}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100vh}.navbar{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px;padding:0 30px;background-color:#00162a;box-shadow:2px 2px 8px #00162a;color:#fff;height:40px}.navbar>div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.navbar>div:first-child{-webkit-justify-content:flex-start;justify-content:flex-start}.navbar>div:nth-child(2){-webkit-justify-content:center;justify-content:center}.navbar>div:nth-child(3){-webkit-justify-content:flex-end;justify-content:flex-end}.editors{margin:10px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;height:100%}.tip{background-color:#ff0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:10px;display:none}@media only screen and (max-width:800px){.tip{display:block}}.ace_editor{width:200px!important;min-width:100%;min-height:100%}.logo{font-size:20px}.error{color:red;width:100%;padding:5px}.convert-btn{background-color:#08f;color:#fff;padding:5px 20px;font-size:18px;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.convert-btn:hover{background-color:#005096}.mode-toggle-btn{display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;margin-left:10px;font-size:12px;cursor:pointer}