44 lines
823 B
CSS
44 lines
823 B
CSS
|
body {
|
||
|
|
width: clamp(400px, 65%, 800px);
|
||
|
|
margin: 50px auto;
|
||
|
|
font-family: "Montserrat", sans-serif;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
form table {
|
||
|
|
margin: 30px auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
form input[type=text], form input[type=password] {
|
||
|
|
padding: 10px;
|
||
|
|
border: none;
|
||
|
|
background-color: #eee;
|
||
|
|
transition: 200ms background-color;
|
||
|
|
}
|
||
|
|
|
||
|
|
form input[type=text]:hover, form input[type=password]:hover {
|
||
|
|
background-color: #ddd;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=submit] {
|
||
|
|
border: none;
|
||
|
|
background-color: dodgerblue;
|
||
|
|
color: white;
|
||
|
|
padding: 5px 10px;
|
||
|
|
border-radius: 3px;
|
||
|
|
transition: 200ms background-color, 200ms color;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=submit]:hover {
|
||
|
|
background-color: #ddd;
|
||
|
|
color: black;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=submit]:active {
|
||
|
|
background-color: #bbb;
|
||
|
|
}
|
||
|
|
|
||
|
|
p.error-box {
|
||
|
|
padding: 10px;
|
||
|
|
background-color: #ef9a9a;
|
||
|
|
}
|