| |
|
| | body { |
| | font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif; |
| | } |
| |
|
| | |
| | .pattern-navy { |
| | background-blend-mode: overlay; |
| | } |
| | h1 { |
| | font-size: 16px; |
| | margin-top: 0; |
| | } |
| | p { |
| | color: rgb(107, 114, 128); |
| | font-size: 15px; |
| | margin-bottom: 10px; |
| | margin-top: 5px; |
| | } |
| |
|
| | .hovered-element { |
| | transition: transform 0.3s ease, box-shadow 0.3s ease; |
| | } |
| |
|
| | .hovered-element:hover { |
| | transform: scale(1.02); |
| | box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); |
| | } |
| | .card { |
| | max-width: 620px; |
| | margin: 0 auto; |
| | padding: 16px; |
| | border: 1px solid lightgray; |
| | border-radius: 16px; |
| | } |
| |
|
| | .card p:last-child { |
| | margin-bottom: 0; |
| | } |
| |
|
