| body { | |
| background-color: lightblue; | |
| margin: 0; | |
| color: black; | |
| } | |
| h1 { color: #111; font-family: 'Helvetica Neue', sans-serif; font-size: 50px; font-weight: bold; letter-spacing: -1px; line-height: 1; text-align: center; } | |
| h2 { color: #111; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 300; line-height: 32px; margin: 0 0 30px; text-align: center; } | |
| p { color: #685206; font-family: 'Helvetica Neue', sans-serif; font-size: 15px; line-height: 24px; margin: 0 0 24px; text-align: justify; text-justify: inter-word; } | |
| .list { | |
| max-width: 400px; | |
| overflow-x: auto; | |
| list-style: none; | |
| } | |
| .container { | |
| display: flex; | |
| } | |
| .box { | |
| border: 5px dashed black; | |
| width: 500px; | |
| margin: 50px; | |
| padding: 10px; | |
| float: left; | |
| } | |
| .pretty { | |
| font-family: "Helvetica Neue", Arial, sans-serif; | |
| font-size: 14px; | |
| line-height: 1.5; | |
| text-align: left; | |
| text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| word-spacing: 2px; | |
| list-style: none; | |
| } | |
| .header { | |
| padding: 10px; | |
| text-align: center; | |
| font-size: 24px; | |
| border: 5px dashed black; | |
| } | |
| .button-81 { | |
| background-color: #fff; | |
| border: 0 solid #e2e8f0; | |
| border-radius: 1.5rem; | |
| box-sizing: border-box; | |
| color: #0d172a; | |
| cursor: pointer; | |
| display: inline-block; | |
| font-family: "Basier circle",-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; | |
| font-size: 1.1rem; | |
| font-weight: 600; | |
| line-height: 1; | |
| padding: 1rem 1.6rem; | |
| text-align: center; | |
| text-decoration: none #0d172a solid; | |
| text-decoration-thickness: auto; | |
| transition: all .1s cubic-bezier(.4, 0, .2, 1); | |
| box-shadow: 0px 1px 2px rgba(166, 175, 195, 0.25); | |
| user-select: none; | |
| -webkit-user-select: none; | |
| touch-action: manipulation; | |
| } | |
| .button-81:hover { | |
| background-color: #1e293b; | |
| color: #fff; | |
| } | |
| @media (min-width: 768px) { | |
| .button-81 { | |
| font-size: 1.125rem; | |
| padding: 1rem 2rem; | |
| } | |
| } | |