*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}small{position:absolute;bottom:20px;text-align:center}main{display:flex;place-items:center;place-content:center;height:100vh;padding:20px}.text-container{display:grid;gap:30px}header{display:grid;gap:20px;grid-template-columns:1fr 40px 1fr;align-items:center;justify-items:center}.text-container textarea{resize:none}.text-container .fromText textarea{width:100%;border:1px solid rgb(212,212,212);border-radius:8px;padding:15px;font-size:1.5rem}.text-container .toText textarea{width:100%;border:none;border-radius:8px;padding:15px;font-size:1.5rem}.text-container .fromText textarea:focus{outline:none}.swap-languages{background:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAABIElEQVR4nO2aS0rEQBRFzzp01BlEW7AmfrbkvHUBrlJo/AwEFWxQdxBR09CULUjIoMM9B94kg8C9dV9RvCoQERH5DwW4BZZAQ6D4FdD1tSBY/AqYESr+tf8WQVE8rnxn7LHnIyjJG15TiZ9KPQLHYxhwuQNihtZ1cgLugSNGYg68bPz8DTghjLkmoAlfmAQ04RuTgCb8ORFyJkggpZ8IL5NmgiIiIjIJ9oAb4AE4J5CLjeP6O3BGGPvAU2XCKWG0lQkfie3QbklCXDscAM+awC8T4vaEw2rUrwn8mOClDyOa0Panr25iNdps82oHxAytxVgJuJtoAmaEEP0CpigeV74z9tjzEZTkDa/ZcosdI75+7xgnfp2A9e11nHgREYbwCbqTsQpJOzsaAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center;background-size:20px;width:40px;height:40px;border:none;border-radius:50%;cursor:pointer}.swap-languages:hover{background-color:#0000001a}.translator{width:100%;max-width:1200px}@media (min-width: 768px){.text-container{grid-template-columns:1fr 1fr}header{justify-items:baseline}}.header-translate .language-button{background:none;border:none;font-weight:600;color:#0009;padding:15px 10px;border-radius:4px;cursor:pointer;transition:.2s ease-in-out;font-size:.9rem}.header-translate{display:flex;align-items:center}.header-translate button:hover{background-color:#4844441a;color:#000}.header-translate .down-arrow{background:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAZklEQVR4nO2RQQ6AIAwEh5fxnB79itx4rTUmcDGIoiVeOufNTAngOM6vBCA+2MWyHZYnYAOWzk7KJo9GjvEKaCdS5fomcBeRr/JeRKzk5//QIq7yZCFvvcTs8qtIniGvhJlyx6HJDg+fH94Sm7UyAAAAAElFTkSuQmCC);background-size:20px;background-repeat:no-repeat;background-position:center;border-radius:50%;height:30px;width:30px;cursor:pointer;border:none}.header-translate .language-button.active{color:#1a73e8;text-decoration:underline;text-underline-offset:10px;text-decoration-thickness:2px}.header-translate .language-button.active:hover{background-color:#6c63631a}.other-languages{position:relative}.hiddenLanguages{position:absolute;background-color:#fff;padding:10px;border-radius:4px;box-shadow:0 0 10px #dbdbdb}