*{margin: 0;
box-sizing: border-box;
font-family: sans-serif;}
.headerlogo{height: 50px;
}
.nomelogo{width: 100%;
background-color: black;
height: 7vh;
}
.pgalbas{font-size: 30px;
    padding-top: 0.4%;
    color: white;
margin-left: 10%;
}
.cinzaprincipal{ width: 100%;
height: 86vh;
background-color: rgb(223, 221, 221);
transition: 0.3s;}
.input{ background-color: white;
height: 80vh;
width: 50%;
position: absolute;
left: 50%;
top: 60%;
transform: translate(-50%, -50%);}

.topletter{ font-size: 20px;
font-weight: normal;
margin-left: 15%;
margin-top: 5%;}

.emailinput{ 
width: 100%;
margin-top: 5%;
}
.email{width: 80%;
margin-left: 10%;}
.pemail{ margin-left: 10%;}
    .continue{ height:80px;
    width: 200px;
position: absolute;
top: 40%;
right: 20%;
transform: translate(-50%, -50%);
cursor: pointer;}
        .or{ position: absolute;
        top: 50%;
        left: 2%;}
        .or2{ position: absolute;
        top: 50%;
        left: 55.5%;}
        .pOr{ position: absolute;
        top: 51%;
    left: 47.5%;}
    .continue:hover{ background-color: rgb(144, 53, 144);
        color: white;
    transition: 0.3s ease;
border-style: none;}
.outroslogins{ 
margin-top: 40%;
height: 150px;
display: grid;
grid-template-rows: 4;
align-items: center;
padding-left: 15%;}
.outrosloingbutton{height: 30px;
width: 80%;}
    .outrosloingbutton:hover{ background-color: rgb(144, 53, 144);
        color: white;
    transition: 0.3s ease;
border-style: none;}