@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*{
font-family: 'Montserrat', sans-serif;
}
body{
    height: 90vh;
display: flex;
align-items: center;

background-color: #d9d9d9;
overflow-y: hidden;
justify-content: flex-end;
}

input{
padding: 18px;
    border: 2px solid rgb(235, 235, 235);
width: 100%;
border-radius: 10px;
outline: none;
background-color: white;

position: relative;
transition: font-size .2s ease-in-out;
box-sizing: border-box;
caret-color: rgb(24, 158, 231);
padding-left: 20px;
transition: .2s ease-in-out;
}

input::placeholder{
    position: absolute;
    left: 16px;
}
input:focus{
border: 2px solid rgb(24, 158, 231);
}
input:focus + .placeholder2l,
input:not(:placeholder-shown) + .placeholder2l
{
position: absolute;
font-size: 60%;
color: rgb(24, 158, 231);
top: 446px;
background-color: white;
}
input[name="senha"]:focus + .placeholder3l,
 input[name="senha"]:not(:placeholder-shown) + .placeholder3l
 {
position: absolute;
font-size: 60%;
color: rgb(24, 158, 231);
top: 521px;
background-color: white;
}

input:invalid + .placeholder2l{
    border-color: red;
    color: red;
}
input:invalid{
    border-color: red;
   
}
.placeholder2l
{
    position: absolute;
    left: 120px;
    z-index: 200;
color: #666;
top: 469px;
font-size: 85%;
width: 50px;
transition: .2s ease-in-out;
text-align: center;
pointer-events: none;
}
.placeholder3l{
    position: absolute;
    left: 120px;
    z-index: 200;
color: #666;
top: 546px;
font-size: 85%;
width: 50px;
transition: .2s ease-in-out;
text-align: center;
pointer-events: none
}

button{
padding: 16px;
border: none;
background-color: rgb(24, 158, 231);
color: white;
text-transform: uppercase;
width: 210px;
border-radius: 9px;
font-weight: 700;
position: relative;
top: 60px;
cursor: pointer;
}
.container{
    width: 400px;
    height: 1100px;
    display: flex;
    align-items: center;
justify-content: center;
position: absolute;



background-color: white;
}
.separator{
    background-color: transparent;
    width: 100%;
    height: 180px;
    display: grid;
}
h1{
position: absolute;
top: 300px;
left: 140px;
}
.imagem{
    width: 100%;
    height: 100%;
    background-image: url('Imagens/Imagem.png');
    background-size: 180%;


background-position: -300px ;
background-repeat: no-repeat;
top: -05px;
    position: absolute;
}

.foto{
width: 90%;
height: 900px;
background-color: red;
position: absolute;
left: 00px;
top: 0px;
justify-content: center;
display: flex;
}
.imagem.nwindow{
    background-size: 180%;


background-position: -300px ;
background-repeat: no-repeat;


}