.d-flex{
    display: flex;
}

.w-100{
    width: 100% !important;
}

.col-3{
    width: 25% !important;
}
.col-6{
    width: 50% !important;
}
.col-9{
    width: 75% !important;
}
.col-12{
    width: 100% !important;
}

/* Estilos para a barra de navegação (navbar) */
.navbar {
    background-color: #333; /* Cor de fundo */
    color: #fff; /* Cor do texto */
    padding: 15px; /* Espaçamento interno */
    display: flex; /* Exibe os itens em linha */
    justify-content: space-between; /* Alinha os itens nas extremidades */
    align-items: center; /* Alinha verticalmente */
}

/* Estilos para os itens da barra de navegação (navbar) */
.nav-item-right {
    margin-left: auto; /* Move os itens para a direita */
}

/* Estilos para os links da barra de navegação (navbar) */
.nav-link {
    color: #fff; /* Cor do texto dos links */
    text-decoration: none; /* Remove sublinhado */
    padding: 5px 10px; /* Espaçamento interno */
    border-radius: 5px; /* Borda arredondada */
}

.nav-link:hover {
    background-color: #555; /* Cor de fundo ao passar o mouse */
}
.navbar-brand {
    font-size: 24px; /* Tamanho da fonte */
    font-weight: bold; /* Negrito */
}

.navbar-nav {
    list-style: none; /* Remove marcadores de lista */
    display: flex; /* Exibe os itens em linha */
}

.nav-item {
    margin-right: 15px; /* Espaçamento entre os itens */
}

.nav-link {
    color: #fff; /* Cor do texto dos links */
    text-decoration: none; /* Remove sublinhado */
}

/* Estilos para o rodapé (footer) */
.footer {
    background-color: #333; /* Cor de fundo */
    color: #fff; /* Cor do texto */
    padding: 15px; /* Espaçamento interno */
    text-align: center; /* Alinhamento do texto */
}

body{
    padding: 0px;
    margin: 0px;
    width: 100%!important;
}

.main-content {
    width: 65%; /* Define a largura como 65% */
    float: left; /* Faz com que a área principal flutue à esquerda */
}

/* Estilos para a coluna (column-content) */
.column-content {
    width: 35%; /* Define a largura como 35% */
    float: left; /* Faz com que a coluna flutue à esquerda */
}