body { height: 150vh; } .container { display: grid; position: relative; margin-top: 40px; max-width: 100vh; background-color: var(--grey); flex-wrap: wrap; box-sizing: border-box; border-radius: 10px; box-shadow: -3px 0 5px rgba(0, 0, 0, 0.3), 3px 0 5px rgba(0, 0, 0, 0.3); } .form-row { border-radius: 10px; } .form-row label { margin-right: 250px; } .form-group { margin: 20px 0 20px 20px; display: grid; gap: 2px; padding-top: 30px; } .labelClass { padding-bottom: 6px; font-weight: 500; font-size: 18px; } label { white-space: nowrap; } .labelHeader { display: block; /* Garante que a label ocupe toda a largura disponível */ font-size: 2em; /* Tamanho de fonte semelhante ao de um h1 */ font-weight: bold; /* Negrito semelhante ao de um h1 */ margin-bottom: 10px; /* Margem inferior semelhante à de um h1 */ color: #333; /* Cor do texto semelhante à de um h1 */ } .form-row.with-top-border { position: relative; } .form-row.with-top-border::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 7px; /* Ajuste a altura da linha conforme necessário */ background-color: #23232e; /* Defina a cor da linha */ border-top-left-radius: 15px; border-top-right-radius: 15px } .form-button { display: flex; justify-content: center; flex-direction: row; padding: 20px; } .btn.btn-primary.btn-lg { border-radius: 20px; width: 273px; background-color: #005573; border-color: #005573; transition: background-color 0.3s ease; } .btn.btn-primary.btn-lg:hover { background-color: #00aa9b; border-color: #005573; } .btn.btn-primary.btn-lg:focus { background-color: #005573; border-color: #005573; } textarea { width: 101%; padding: 10px; box-sizing: border-box; } .form-text-area { width: 70vh; box-sizing: border-box; display: block; max-width: 88vh; line-height: 1.5; padding: 15px 15px 15px; border-radius: 3px; font-size: 15px; transition: box-shadow 0.5s ease; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3) } .form-text-area:focus-visible { outline: 1px solid gray; } #header-field { background: var(--secondary-blue); position: absolute; top: 0; left: 0; text-align: center; border-bottom-right-radius: 10px; color: white; font-weight: 700; width: 400px; padding: 15px; font-size: 30px; }