body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

header {
    text-decoration: none;
    background-color: #26304e;
    color: #4d556d;
    text-align: center;
    padding: 10px 0;
}
header a:link,
header a:visited {
    color: inherit; /* Mantém a cor do elemento pai */
    text-decoration: none; /* Remove o sublinhado */
}

.form_login {
    
    align-items: flex-start; /* Alinha ao topo */
    text-decoration: none;
    background-color: #222222;
    color: rgb(180, 180, 180);
    margin: 10px; /* Espaçamento entre os links */
    padding: 50px;
    border-radius: 20px; /* Bordas arredondadas */
    transition: background-color 0.3s; /* Transição suave */   

}

.servers {
    
    align-items: flex-start; /* Alinha ao topo */
    text-decoration: none;
    background-color: #222222;
    color: rgb(192, 192, 192);
    margin: 10px; /* Espaçamento entre os links */
    padding: 50px;
    border-radius: 20px; /* Bordas arredondadas */
    transition: background-color 0.3s; /* Transição suave */   

}

.container {
    display: flex;
    
}
.content {
    text-decoration: none; 
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 200vh;
    background-color: #e9e9e9;
    
    
}

.menu_left {
    text-decoration: none; 
    background-color: #222222;
    width: 200px; /* Largura do menu lateral */
    padding: 15px;
    
}

.menu_left_links a {
    display: flex; 
    /*display: inline-block; /* Permite aplicar padding ao link */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    padding: 10px 20px; /* Ajuste o tamanho do botão */
    background-color: #26304e; /* Cor de fundo do botão */
    color: white; /* Cor do texto */
    text-decoration: none; /* Remove o sublinhado */
    border-radius: 10px; /* Torna as bordas arredondadas */
    text-align: center; /* Centraliza o texto */
    margin: 1px; /* Espaçamento entre os links */
    transition: background-color 0.3s; /* Suaviza a transição ao passar o mouse */
}

.menu_left_links a:hover {
    background-color: rgb(161, 88, 20); /* Cor do fundo ao passar o mouse */
}
.button {
    background-color: #26304e; /* Cor de fundo */
    border: none; /* Remove bordas */
    color: white; /* Cor do texto */
    padding: 15px 32px; /* Espaçamento interno */
    text-align: center; /* Centraliza o texto */
    text-decoration: none; /* Remove o sublinhado */
    display: inline-block; /* Permite o espaçamento */
    font-size: 16px; /* Tamanho da fonte */
    margin: 4px 2px; /* Espaçamento externo */
    cursor: pointer; /* Cursor de mãozinha */
    border-radius: 12px; /* Bordas arredondadas */
    transition: background-color 0.3s; /* Transição suave */
}

.button:hover {
    background-color: rgb(161, 88, 20); /* Cor ao passar o mouse */
}

.button_back {
    text-decoration: none; 
    background-color: rgb(117, 28, 43); /* Altere a cor conforme necessário */
    color: aliceblue;
    font-size: 16px; /* Tamanho da fonte */
    margin: 4px 2px; /* Espaçamento externo */
    padding: 8px;
    cursor: pointer; /* Cursor de mãozinha */
    border-radius: 8px; /* Bordas arredondadas */
    transition: background-color 0.3s; /* Transição suave */
}
.button_back a:visited {
    color: inherit; /* Mantém a cor do elemento pai */
    text-decoration: none; /* Remove o sublinhado */            
}
.button_back:hover {
    background-color: #250505; /* Cor ao passar o mouse */
}

.input_text {
    width: 100%; /* Largura do campo de texto */
    padding: 12px 20px; /* Espaçamento interno */
    margin: 8px 0; /* Espaçamento externo */
    box-sizing: border-box; /* Inclui padding e borda na largura */
    border: 2px solid #ccc; /* Borda do campo */
    border-radius: 4px; /* Bordas arredondadas */
    background-color: #f8f8f8; /* Cor de fundo */
    font-size: 16px; /* Tamanho da fonte */
    transition: border-color 0.3s; /* Transição suave */
}

.input_text:focus {
    border-color: #4CAF50; /* Cor da borda ao focar no campo */
}



.corpo {
    flex: 1; /* Faz o corpo ocupar o restante do espaço */
    padding: 15px;
}

footer {
    text-align: center;
    padding: 10px 0;
    background-color: #4CAF50;
    color: white;
    position: relative;
    bottom: 0;
    width: 100%;
}