Untitled
unknown
css
a month ago
1.2 kB
8
Indexable
Never
:root { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; --color-primary: black; --color-secondary: white; } * { margin: 0; padding: 0; box-sizing: border-box; } body { color: var(--color-primary); background-color: var(--color-secondary); background-image: url(./assets/background.jpeg); } header { height: 90px; width: auto; display: grid; place-items: center; } .logo { height: 40px; width: auto; } #hero { display: flex; flex-direction: column; align-items: center; gap: 10px; } #hero > img { width: 350px; height: auto; } #hero > p { text-transform: uppercase; font-weight: 700; } #hero > h1 { text-transform: uppercase; font-weight: 700; font-size: 30px; } #hero > a { color: var(--color-primary); text-decoration: none; border: 2px solid var(--color-primary); padding: 10px 14px; text-transform: uppercase; font-weight: 600; transition: 0.5s; } #hero > a:hover { background-color: var(--color-primary); color: var(--color-secondary); } .social > a > img { height: 36px; width: auto; filter: invert() }
Leave a Comment