mirror of
https://github.com/jokob-sk/NetAlertX.git
synced 2026-03-31 07:12:23 -07:00
@@ -14,6 +14,54 @@
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
|
||||
/* --- HERO SECTION --- */
|
||||
.hero-wrapper {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.hero-content {
|
||||
flex: 1;
|
||||
max-width: 26.8rem;
|
||||
}
|
||||
|
||||
.hero-content h1 {
|
||||
font-size: 3rem;
|
||||
line-height: 1.12;
|
||||
font-weight: 450;
|
||||
margin-bottom: 0.5rem;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
|
||||
p.hero-subheading {
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.28;
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
p.hero-description {
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.hero-image {
|
||||
flex: 0 0 250px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 15px;
|
||||
max-width: 250px;
|
||||
}
|
||||
|
||||
.hero-logo-crisp {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
/* --- PROMO CARDS --- */
|
||||
.promo-card-wrapper {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user