You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
2.6 KiB
126 lines
2.6 KiB
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
|
|
|
|
html {
|
|
body {
|
|
margin: 0;
|
|
background:#e6e6e6;
|
|
|
|
}
|
|
|
|
* {
|
|
font-family:"Roboto", sans-serif;
|
|
|
|
}
|
|
}
|
|
|
|
|
|
body {
|
|
header {
|
|
background-color: #EAD945;
|
|
position: fixed;
|
|
padding: 24px 40px;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
|
|
h1 {
|
|
text-align: center;
|
|
|
|
}
|
|
}
|
|
|
|
main {
|
|
margin: 24px 40px;
|
|
padding-top:160px;
|
|
|
|
h2 {
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.titulo {
|
|
margin-top: 0;
|
|
margin-bottom: 34px;
|
|
|
|
}
|
|
|
|
table {
|
|
margin: auto;
|
|
width: 100%;
|
|
background: #edce73;
|
|
border-radius: 12px;
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
|
|
}
|
|
|
|
//classe do form
|
|
.form {
|
|
margin-top:50px;
|
|
border: 1px solid #007bff5e;
|
|
|
|
&__infor {
|
|
margin-top: 10px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
|
|
//label do checkbox
|
|
label:last-child {
|
|
font-weight:600;
|
|
color:red;
|
|
}
|
|
//input do checkbox
|
|
|
|
input[type="checkbox"] {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
&__label {
|
|
font-size: 18px;
|
|
|
|
}
|
|
|
|
&__input {
|
|
width: 289px;
|
|
height: 30px;
|
|
background: whitesmoke;
|
|
border:none;
|
|
margin-top: 3px;
|
|
}
|
|
}
|
|
|
|
button {
|
|
background: white;
|
|
font-size: 19px;
|
|
letter-spacing: 2.2px;
|
|
margin-top: 45px;
|
|
border: none;
|
|
width: 100%;
|
|
height: 40px;
|
|
}
|
|
}
|
|
}
|
|
|
|
footer {
|
|
margin-top: 20%;
|
|
padding:10% 10%;
|
|
text-align: center;
|
|
background:chocolate;
|
|
|
|
p, span {
|
|
color:#ffd045;
|
|
font-size: 10px;
|
|
|
|
}
|
|
|
|
span {
|
|
font-weight: bold;
|
|
color:#ffde7c;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|