:root {
  --primary-color: #f1f4de;
  --secundary-color: #e07a5f;
  --terciary-color: #46725d;
  --text-color: #313349;
  --quarter-color: #f2cc8f;
}

* {
  font-family: 'Inter', sans-serif;
  padding: 0%;
  margin: 0%;
  font-style: none;
  list-style: none;
  text-decoration: none;
}
/*--------------------------------------------------------------BODY */


.containerPC{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.container-cadastro{
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 10%;
}
#divSenha{
  display: flex;
    align-items: center;
    flex-direction: column;
}

form{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}
input{
  border-bottom: #313349 solid 1px;
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: 0 0 0 0;
  outline: 0;
  width: 21rem;
  height: 2rem;
  background-color: transparent;
  font-size: large;
  font-family: 'Inter', sans-serif;
  margin-bottom: 18px;
}

input:hover{
  border-bottom: rgb(233, 12, 30) solid 2px;
  border-top: none;
  border-left: none;
  border-right: none; 
}
input:focus{
  border-bottom: solid 2px;
}
.btn{
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
button {
  width: 140px;
  height: 50px;
  background-color: transparent;
  text-transform: uppercase;
  color: var(--terciary-color);
  font-size: 14px;
  font-weight: 600;
  border: solid 2px ;
  transition: border-radius 1s;
  margin-bottom: 15px;
}
button:hover {
  border-radius: 50px;
}