mirror of
https://github.com/skoelle/moonweb-site.git
synced 2026-09-17 17:00:25 +00:00
hub intro text
This commit is contained in:
@@ -40,6 +40,36 @@ body {
|
||||
|
||||
main { max-width: 1100px; margin: 0 auto; padding: 2rem; }
|
||||
|
||||
.intro {
|
||||
display: flex;
|
||||
gap: 2.5rem;
|
||||
align-items: center;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
.intro-text h1 {
|
||||
font-size: 1.8rem;
|
||||
margin: 0 0 0.75rem;
|
||||
color: var(--text);
|
||||
}
|
||||
.intro-text p {
|
||||
margin: 0 0 0.6rem;
|
||||
font-size: 0.95rem;
|
||||
color: #444;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.intro-photo {
|
||||
width: 280px;
|
||||
height: 280px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
border: 3px solid var(--accent);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
.intro { flex-direction: column-reverse; text-align: center; }
|
||||
.intro-photo { width: 180px; height: 180px; }
|
||||
}
|
||||
|
||||
.card-section { margin-bottom: 2.5rem; }
|
||||
.card-section h2 {
|
||||
font-size: 1rem;
|
||||
|
||||
Reference in New Issue
Block a user