:root{--cor-fundo: #7E57C2;--cor-titulo: #FFF;--cor-botao-gerar-frase: #1ea5db;--cor-fundo-frase: #fafafa;--cor-texto-frase: #333;--cor-botao-categoria: #00BCD4}*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito,sans-serif}.container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--cor-fundo)}.logo{max-width:350px}.title{color:var(--cor-titulo);margin:30px 0;font-size:25px}.category-area{display:flex;gap:14px;margin-bottom:34px}.category-button{max-width:200px;padding:12px 43px;cursor:pointer;border-radius:8px;background-color:var(--cor-botao-categoria);color:#000;font-weight:700;transition:.6s}.category-button:hover{transform:scale(1.05);background-color:#0288d1;transition:all .2s ease-in-out}.button-frase{background-color:var(--cor-botao-gerar-frase);border:none;border-radius:8px;padding:13px 20px;margin-bottom:40px;cursor:pointer;color:var(--cor-titulo);box-shadow:0 4px 10px #0003;transition:.6s}.button-frase:hover{filter:opacity(.9);transition:all .2s ease-in-out;transform:scale(1.05)}.textoFrase{width:410px;background-color:var(--cor-fundo-frase);margin:24px 0;text-align:center;padding:14px 22px;line-height:150%;color:var(--cor-texto-frase);font-style:italic;font-weight:700;border-radius:12px;box-shadow:0 2px 8px #0000001a}@media(max-width:598px){.textoFrase{width:50%}.button-frase{margin-bottom:20px}.logo{margin-left:5px}}