96 lines
1.2 KiB
CSS
96 lines
1.2 KiB
CSS
body {
|
|
background-color: #1E1E2E;
|
|
color: white;
|
|
}
|
|
|
|
p {
|
|
font-family: verdana;
|
|
font-size: 20px;
|
|
}
|
|
|
|
h1 {
|
|
color: violet;
|
|
}
|
|
|
|
h2 {
|
|
color: violet;
|
|
}
|
|
|
|
input[type=text] {
|
|
border 2px solid red;
|
|
border-radius 4px;
|
|
margin: 8px 0;
|
|
padding: 12px 20px;
|
|
width: 50%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
select {
|
|
border 2px solid violet;
|
|
background-color: blue;
|
|
border-radius: 10px;
|
|
color: white;
|
|
margin: 10px;
|
|
padding: 10px 40px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
label {
|
|
padding: 10px;
|
|
margin: 10px;
|
|
}
|
|
|
|
li {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.pros {
|
|
border 2px solid green;
|
|
border-radius: 10px;
|
|
background-color: MediumSeaGreen;
|
|
margin: 10px;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.cons {
|
|
border 2px solid green;
|
|
border-radius: 10px;
|
|
background-color: Tomato;
|
|
margin: 10px;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.listHeader {
|
|
margin: auto;
|
|
padding: 20px;
|
|
}
|
|
|
|
.center {
|
|
margin: auto;
|
|
top: 50%;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
#loginForm {
|
|
position: relative;
|
|
padding 40px;
|
|
margin 80px;
|
|
}
|
|
|
|
form {
|
|
position: relative;
|
|
padding: 40px;
|
|
}
|
|
|
|
.loginButton {
|
|
background-color: blue;
|
|
color: white;
|
|
border: 2px solid violet;
|
|
border-radius: 20px;
|
|
height 100px;
|
|
width: 50%;
|
|
padding: 10px;
|
|
font-size: 16px;
|
|
}
|