84 lines
1.4 KiB
CSS
84 lines
1.4 KiB
CSS
html {
|
|
background-image: url("asset/image/BackgroundLogin.jpg"); background-repeat: no-repeat; background-size: cover;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
body {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.Login {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.Circle {
|
|
background: #db5559;
|
|
width: 41%;
|
|
height: 80%;
|
|
margin: 0 auto;
|
|
border-style: solid;
|
|
border-radius: 50%;
|
|
border-color: white;
|
|
border-width: 5px;
|
|
}
|
|
.Form {
|
|
background: #791c1c;
|
|
height: 40%;
|
|
width: 55%;
|
|
margin: auto;
|
|
border-style: solid;
|
|
border-radius: 50px;
|
|
border-color: white;
|
|
border-width: 2px;
|
|
text-align: center;
|
|
font-family: "Qwitcher Grypen", cursive;
|
|
font-size: 40px;
|
|
font-style: italic;
|
|
color: white;
|
|
padding-bottom: 0;
|
|
|
|
}
|
|
|
|
.Logo {
|
|
display: flex;
|
|
margin: auto;
|
|
margin-top: 8%;
|
|
}
|
|
|
|
.Title1 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.Title2 {
|
|
display: grid;
|
|
place-items: center;
|
|
height: 7vh;
|
|
color: black;
|
|
font-family: "Qwitcher Grypen", cursive;
|
|
font-size: 40px;
|
|
margin: 0;
|
|
}
|
|
|
|
.form-group{
|
|
display: grid;
|
|
place-items: center;
|
|
height: 7vh;
|
|
align-items: center;
|
|
text-align: center;
|
|
/*margin-bottom: 10px;*/
|
|
}
|
|
|
|
.form-control{
|
|
background-color: #f19595;
|
|
margin-left: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.btn{
|
|
background-color: #279b63;
|
|
border-radius: 6px;
|
|
height: 30px;
|
|
} |