:root {
      --main-color: #172950;
      --secondary-color: #ff6600;
      --third-black: #000;
      --fourth-white: #fff;
    }
    
    
    body {
      font-family: 'Montserrat', sans-serif;
      background-color: #172950; /* Fundo da página */
      color: white;
    }
    .text-container {
    width: 700px; /* mesma largura para ambos */
    margin: 150px auto 0 auto; /* centraliza horizontalmente o bloco na página */
    padding: 10px 20px;
    border-radius: 5px;
    text-align: left; /* texto à esquerda */
    }
    .highlight-text {
    font-weight: bolder;
    text-align: left;
    background-color: rgba(23, 41, 80, 0.62);
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 5px;
    /* mesma largura do text-container */
    width: 700px;
    margin: 0 auto; /* centraliza horizontalmente junto com o primeiro bloco */
    }

    main {
    display: flex;
    flex-direction: column;
    align-items: center;   /* Centraliza os blocos horizontalmente */
    justify-content: flex-start; /* Mantém o topo fixo, pode mudar pra center se quiser centralizar verticalmente */
    background-image: url('../img/limiar-1.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #04102bff;
    padding-bottom: 50px;
    width: 100%;
    color: white;
    }