.principal{
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 48px;
}

.logo img{
    width: 50%;
}

.backgroundLogin{
    font-family: 'Poppins', sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(#79239D, #360051, #79239D, #360051, #79239D);
    color: #f7f7f7;
    width: 480px;
    height: calc(100vh);
    gap: 32px;
}

.backgroundLogin > div{
    width: 75%;    
}

.backgroundLogin label, input{
    width: 100%;
    padding: 7px 0px 7px 0px;
    border-radius: 0.5rem;
}

input[type="email"] {
    cursor: auto;
    color: #484848;
    background-color: #f7f7f7;
}

input[type="password"] {
    cursor: auto;
    color: #484848;
    background-color: #f7f7f7;
}

.backgroundLogin a{
    color: #f7f7f7;
}

.backgroundLogin button{
    cursor: pointer;
    background-color: #A102B2;
    color: #f7f7f7;
    width: 100%;
    padding: 12px 0px 12px 0px;
    text-transform: uppercase;
    font-size: small;
    font-weight: bold;
    letter-spacing: .1rem;
    border-radius: 0.5rem;
    transition: background-color 0.3s ease;
}

.backgroundLogin button:hover{
   background-color: #a002b22b;
}

.mostrarsenha {
    display: flex
}

.mostrarsenha img, input{
    padding-left: 8px;
}