Я не могу писать на всю ширину ввода в HTML

.contato {
    background-color:white;
    width:75%;
    height:80%;
    margin-left:auto;
    margin-right:auto;
    margin-top:10%;
}

.contato .header {
    background-color: #353E49;
    border-style:solid;
    border-color:lightgrey;
    border-bottom:none;
    border-width: 0.5px;
}

.contato h1 {
    margin-left:10%;
    color:white;
    padding:5% 0 5% 0;
    font-family:"lato regular";
    letter-spacing: 2px;
    font-size:    
}

input,textarea {
    display:block;
    background: transparent;
    border: none;
    border-bottom: 1px solid #CECFD3;
    padding: 1.5% 0 2% 0;
    resize:vertical;
    width:100%;
    font-family:"Lato Regular";
    color:darkgray;
    font-size:1.05 rem;
}

.preencher {
    border-style: solid;
    border-color:lightgrey;
    border-width: 0.5px;
    border-top:none;
    padding-top:5%;
    margin-top:-5%;
}

<div class = "contato">
    <form name = "contato" method = "POST" netlify>
     
        <div class = "header">
           <h1>Contato</h1>
        </div>

        <div class = "preencher">
            <p>
                <label>Nome: <input type = "text" name = "nome"></label>
            </p>
            <p>
                <label>E-mail: <input type = "email" name = "email"></label>
                </p>
                <p>
                   <label>Empresa/site: <input cols = "60" type = "email" name = "empresa"></label>
                </p>
                <p>
                    <label>Mensagem: <textarea name = "mensagem"></textarea></label>
                </p>
                <p>
                    <button type = "submit">Send</button>
                </p>
        </div>
    </form>
</div>