78 lines
1.2 KiB
CSS
78 lines
1.2 KiB
CSS
|
|
||
|
|
.logBoxCenterer {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.loginBox {
|
||
|
|
background-color: rgb(24,24,24);
|
||
|
|
position : absolute;
|
||
|
|
width: 400px;
|
||
|
|
display:flex;
|
||
|
|
justify-content: center;
|
||
|
|
padding: 40px;
|
||
|
|
border-radius: 20px;
|
||
|
|
box-shadow:0 5px 25px #000000;
|
||
|
|
|
||
|
|
}
|
||
|
|
.form {
|
||
|
|
position:relative;
|
||
|
|
width:100%;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
align-items:center;
|
||
|
|
gap: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.inputBox input {
|
||
|
|
width:100%;
|
||
|
|
background:rgb(255, 0 255);
|
||
|
|
border: none;
|
||
|
|
margin-right: 50px;
|
||
|
|
padding-left: 10px;
|
||
|
|
padding-top:10px;
|
||
|
|
padding-bottom:10px;
|
||
|
|
outline:none;
|
||
|
|
border-radius: 4px;
|
||
|
|
font-size:1.35em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.inputBox p{
|
||
|
|
position:relative;
|
||
|
|
z-index: 100;
|
||
|
|
font-family:sans-serif ;
|
||
|
|
color:rgb(239,60,168);
|
||
|
|
transition:0.5;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.register{
|
||
|
|
color:rgb(239,60,168);
|
||
|
|
width: 100%;
|
||
|
|
align-items:center;
|
||
|
|
display:flex;
|
||
|
|
justify-content: center;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type = "submit"] {
|
||
|
|
background-color: rgb(239,60,168);
|
||
|
|
cursor: pointer;
|
||
|
|
padding:10px;
|
||
|
|
font-size:1.35em;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type = "submit"]:active{
|
||
|
|
opacity:0.8;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|