body, html {
margin : 0; padding : 0; font-size: 100%;
}
#alert {
padding: 20px;
width: 200px;
text-align: center;
margin-top: 10px;
margin: auto;
display: block;
}
.cross {
color : green;
font-size : 30px;
}
.tick {
color : red;
font-size : 30px;
}
#form-1 {
width: 600px;
margin: auto;
font-size : 1.5rem;
margin-top : 20px;
}
label {
margin: 10px 0;
display: inline-block;
}
input {
font-size: 1.5rem;
width: 100%;
display: block;
}
.message {
padding: 5px 20px;
}
.error {
background: red;
color: white;
font-size: 1.2rem;
display: inline-block;
position: relative;
bottom: 5px;
}
.success {
background: green;
color: white;
font-size: 1.4rem;
display: inline-block;
position: relative;
bottom: 5px;
}
|