@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box}:root{font-family:Urbanist,sans-serif;line-height:1.5;font-weight:400}body{margin:0;padding:0}.navbar{width:100%;height:70px;background-color:#212121;color:#fff;padding:1rem;position:sticky;top:0;z-index:1000}.nav-items{display:flex;height:50px;align-items:center;justify-content:baseline;padding-bottom:10px}.nav-menu-items ul{display:flex;gap:30px;list-style:none;align-items:center}.nav-menu-items a{color:#fff;text-decoration:none}.nav-menu-items a:hover{text-decoration:underline}.main-section{width:100%;height:100vh;display:flex;gap:20px;justify-content:space-between}.left-column{flex:2;padding:20px;display:flex;flex-direction:column}.right-column{flex:1;padding:20px}.label-enter-text{font-size:36px;margin-bottom:10px}.text-area-box{height:300px;border:#D9D9D9;border-radius:10px;background-color:#d9d9d9;padding:10px;margin-bottom:30px;font-size:24px}.text-area-box:focus{border:2px solid #84AF3C;outline:none;box-shadow:0 0 5px #4caf5080}.language-choices{display:flex;gap:10px;padding-top:10px;padding-bottom:10px;margin-bottom:30px;align-items:center}.label-output{font-size:36px;margin-bottom:10px}.label-convert{font-size:24px}#firstLanguage{width:300px;padding:10px 15px;font-size:24px;border:none;border-radius:6px;background-color:#d7fe03;color:#333;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="black" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 8l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:16px}#secondLanguage{width:300px;padding:10px 15px;font-size:24px;border:none;border-radius:6px;background-color:#d7fe03;color:#333;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="black" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 8l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:16px}#firstLanguage:focus{outline:none;border-color:#84af3c}#secondLanguage:focus{outline:none;border-color:#84af3c}.btn-section{display:flex;gap:10px;padding-top:10px;padding-bottom:10px;margin-bottom:30px;align-items:center}.btn-translate{width:200px;padding:10px 15px;font-size:24px;border:none;border-radius:6px;background-color:#84af3c;color:#333;cursor:pointer}.btn-reset{width:200px;padding:10px 15px;font-size:24px;border:none;border-radius:6px;background-color:#d8dfe9;color:#333;cursor:pointer}.output-box{height:700px;border:#D9D9D9;border-radius:10px;background-color:#d9d9d9;padding:10px;margin-bottom:30px;font-size:24px}