Na pagina de contato, minha tabela com os horários de funcionamento está maior que as demais coisas da pagina, tentei diminuir a escala (transform: scale(0.6)) e mesmo pequena ela se comporta no centro da pagina
Qual seria o código para que eu consiga movimentar a tabela para a proporção da tela?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Contato</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Dosis&display=swap" rel="stylesheet">
</head>
<body class="cor-fundo">
<header>
<div class="caixa">
<h1 id=logo><img src="logo1.png" alt="Logo da Barbearia Pente & Tesoura"></h1>
<nav>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
</div>
</header>
<main>
<form class="formulario">
<fieldset>
<legend class="faleconosco-1">Fale Conosco</legend>
<label for="nomesobrenome">Nome e Sobrenome</label>
<input type="text" name="nomesobrenome" class="input" required>
<label for="telefone">Telefone</label>
<input type="tel" name="telefone" class="input" required placeholder="(21) XXXXX-XXXX">
<label for="email">E-mail</label>
<input type="email" name="email" class="input" required placeholder="seuemail@dominio.com">
<label for="mensagem">Deixe sua mensagem</label>
<textarea cols="71" rows="10" id="mensagem" class="input"></textarea required>
</fieldset>
<fieldset>
<legend> - Como gostaria de receber o nosso contato?</legend>
<label for="radio-telefone"><input type="radio" name="contato" value="telefone" id="radio-telefone">Telefone</label>
<label for="radio-email"><input type="radio" name="contato" value="e-mail" id="radio-email" >E-mail</label>
<label for="radio-whatsapp"><input type="radio" name="contato" value="whatsapp" id="radio-whatsapp" checked>WhatsApp</label>
<label><input type="checkbox" style="margin: 0px 0 40px;" >Gostaria de receber nossas novidades por e-mail?</label>
</fieldset>
<fieldset>
<legend style="margin: 90px 0px 30px;">- Gostaria de marcar um atendimento em qual horário?</legend>
<select>
<option>Manhã</option>
<option>Tarde</option>
<option>Noite</option>
</select>
</fieldset>
<input type="submit" value="Enviar Relatorio" class="enviar" style="margin: 0 0 140px;">
<fieldset>
<legend class="faleconosco-2">Horario de atendimento</legend>
<table>
<thead>
<tr>
<td>Dia</td>
<td>Horario</td>
</tr>
</thead>
<tbody>
<tr>
<td>Segunda</td>
<td>8hs ás 20hs</td>
</tr>
<tr>
<td>Quarta</td>
<td>8hs ás 20hs</td>
</tr>
<tr>
<td>Sexta</td>
<td>8hs ás 20hs</td>
</tr>
</tbody>
</table>
</fieldset>
</form>
</main>
<footer>
<img src="logo1.png" alt="Logo da Barbearia Pente & Tesoura">
<p class="copyright">© Copyright Barbearia Pente & Tesoura - 2021</p>
</footer>
</div>
</body>
</html>
