Spaces:
Runtime error
Runtime error
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; | |
} | |
} | |