|
|
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 856: |
Linha 845: |
| transition: 1s; | | transition: 1s; |
| transform: scale(1.05); | | transform: scale(1.05); |
| }
| |
|
| |
| .dark {
| |
| --text-white: #e6e6e6;
| |
| --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;
| |
| } | | } |