@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');


body{

 background-color: #daa520;
 font-family:"Anton", sans-serif;
    
}

.Link{
   color: aliceblue;
}
.logo{
   font-family:"Anton", sans-serif;
   color: aliceblue;
   font-size: 40px;
   text-decoration: none;
   padding-right: 30px;
}

.caixalogin {
      background-color: white;
      display: flex;
      flex-direction: column;
      width: 20vw;
      border-radius: 50px;
      padding: 80px 60px;
      font-family: "Anton", sans-serif;
      align-items: center;
      justify-content: center;
      color: #473c38;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      font-size: 20px;
 }

input{
   border-radius: 20px;
   text-decoration: none;
   border: none;
   outline: none;
   background-color: #efefef;
   padding: 13px 70px ;
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   text-align: center;
}


.caixaloginPai{
   display: flex;
   justify-content: center;
   align-items: center;
   height: 80vh; 
}

input[type=text]:focus {
   border: 1px solid #a07b37 !important; /* Cor da borda ao focar */
}

input:focus {
   background-color: #efefef; /* Cor de fundo quando em foco */
   text-align: center;
 }

button{
   background-color: #e4c239;
   border-radius: 20px;
   padding: 6px 130px;
   border: none;
   font-family:"Anton", sans-serif;
   font-weight: 200;
   margin-top: 5px;
   font-size: 20px;
   color: aliceblue;
}

form{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
}

input, button {
   margin:0;
}

a{
   color: #b20303;
   font-size: 15px;
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

label {
   margin: 0; /* Remova as margens padrão */
 }

 .caixalogin form {
   margin: 0; /* Remove margens dos elementos dentro do formulário */
 }