You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

95 lines
2.4 KiB

.page_connexion {
display: flex;
flex-direction: column;
align-items: center;
.logo {
width: 200px;
height: 200px;
}
.formulaire_de_connexion {
background: rgba(255, 255, 255, 0.143);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(1.5px);
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.18);
padding: 40px;
padding-top: 100px;
width: 450px;
height: 470px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
margin: 10px;
.connexion_text {
font-size: 25px;
}
.text_zone {
width: 370px;
height: 50px;
background-color: transparent;
border-radius: 5px;
border: 0.5px solid;
padding-left: 10px;
padding-right: 10px;
}
.envoyer {
width: 100%;
display: flex;
justify-content: space-evenly;
align-items: center;
button {
width: 150px;
height: 40px;
border-radius: 10px;
border: 0.5px solid;
color: $white;
border: 0;
background-color: rgba(163, 163, 163, 0.371);
border: 1px solid rgba(255,255,255,0.1);
backdrop-filter: blur(30px);
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 15px;
&:hover{
background-color: rgba(114, 114, 114, 0.371);
}
&:active{
background-color:rgba(68, 68, 68, 0.972);
}
}
.memory_me {
display: flex;
align-items: center;
label {
margin-right: 10px;
font-size: 12px;
color: rgb(59, 59, 59);
}
input{
cursor: pointer;
}
}
}
}
.forgot_pw {
outline: none;
text-decoration: none;
color: rgb(159, 159, 159);
&:hover {
color: rgba(53, 112, 206, 1);
}
}
}