Nav Bar nao ocupa 100% da tela.

        <section class="barrainicial">    <!-- coloquei uma seção para ter todo o conteúdo inicial, logo/login/icones sociais -->
            <nav>
                <div class="barra_preta"></div>

                <div class="logo_home">
                    <a href="home.html"><img src="images/logo.png" alt="logo propick"></a> <!--diminuir os tamanhos-->
                </div>
            </nav>

            <section class="autenticacao"><!-- parte de logar e clicar no cadastro, mas ainda precisão de alterações para juntar com o django -->
                <form class="login">
                    <input id="id_usuario" name="usuario" type="text" class="" placeholder="Usuario *" required>
                    <input id="id_senha" name="senha" type="password" class="senha" placeholder="Senha *" required>
                    <button class="botaologin" type="submit">Login</button>
                </form>
                <button class="botaoregistrar" type="submit">Registrar</button>
        </section>

.barrainicial{ 
    height: 5.625em; 
    background-color: #000000;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;    
}

        <section class="barra_tempo">
            lalala
        </section>

.barra_tempo{
    background-color: orange;
    padding: 0.3333em; /*-- 10 px --*/
    margin: 0.6666em 0px;  /*-- 20px 0px --*/
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 187.5%;   /*-- 30px --*/   
}

https://drive.google.com/open?id=1WmbfVVLUWs0PthzqOXR5AxLpMXKpRqEC link da imagem