@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: 27px;
|
|
|
|
}
|
|
|
|
table{
|
|
margin: auto;
|
|
width: 100%;
|
|
background: #edce73;
|
|
border-radius: 12px;
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
|
|
}
|
|
|
|
form{
|
|
margin-top:50px;
|
|
|
|
.frm{
|
|
|
|
&__infor{
|
|
margin-top: 10px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
|
|
//label do checkbox
|
|
label:last-child{
|
|
font-weight:600;
|
|
color:red;
|
|
}
|
|
//input do checkbox
|
|
#check{
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
&__label{
|
|
font-size: 18px;
|
|
|
|
}
|
|
|
|
&__input{
|
|
width: 291px;
|
|
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;
|
|
}
|
|
}
|
|
}
|
|
|