8 500
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 8: | Linha 8: | ||
position: relative; | position: relative; | ||
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica', sans-serif | font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica', sans-serif | ||
/* cores de texto */ | |||
--text-white: #ffffff; | |||
--text-dark: #142136; | |||
/* cores de fundo */ | |||
--bg-grey-light: #f5f5f5; | |||
--bg-white: #ffffff; | |||
--bg-blue-dark: #142136; | |||
--bg-indigo: #6366f1; | |||
} | } | ||
Linha 847: | Linha 858: | ||
} | } | ||
.dark- | .dark { | ||
background-color: | --text-white: #e6e6e6; | ||
color: white; | --text-dark: #ffffff; | ||
--bg-grey-light: #142136; | |||
--bg-white: #22395d; | |||
--bg-blue-dark: #142136; | |||
--bg-indigo: #7577e1; | |||
} | |||
.container { | |||
max-width: 600px; | |||
margin: 40px auto; | |||
display: flex; | |||
padding: 20px; | |||
flex-direction: column; | |||
} | |||
.text-wrapper { | |||
width: 100%; | |||
padding: 20px; | |||
background-color: var(--bg-white); | |||
margin-bottom: 40px; | |||
border-radius: 10px; | |||
} | |||
.paragraph { | |||
font-size: 16px; | |||
color: var(--text-dark); | |||
} | |||
.heading { | |||
font-size: 40px; | |||
letter-spacing: 1px; | |||
font-weight: 900; | |||
margin-bottom: 40px; | |||
color: var(--text-dark); | |||
} | |||
.buttons { | |||
width: 100%; | |||
display: flex; | |||
justify-content: space-between; | |||
margin-bottom: 40px; | |||
} | |||
.button { | |||
width: 200px; | |||
padding: 5px; | |||
height: 40px; | |||
border: none; | |||
border-radius: 10px; | |||
font-family: inherit; | |||
cursor: pointer; | |||
background-color: var(--bg-indigo); | |||
color: var(--text-white); | |||
font-size: 16px; | |||
font-weight: 400; | |||
text-transform: capitalize; | |||
} | } |