Nudge hero text further right for better spacing with background image
This commit is contained in:
@@ -82,7 +82,7 @@
|
|||||||
}
|
}
|
||||||
.hero-pattern{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.08;background-image:repeating-linear-gradient(45deg, #fff 0 2px, transparent 2px 34px);}
|
.hero-pattern{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.08;background-image:repeating-linear-gradient(45deg, #fff 0 2px, transparent 2px 34px);}
|
||||||
.hero-grid{position:relative;z-index:2;}
|
.hero-grid{position:relative;z-index:2;}
|
||||||
.hero-content{max-width:640px;}
|
.hero-content{max-width:600px;margin-right:-28px;}
|
||||||
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:100px;font-size:13px;font-weight:700;margin-bottom:22px;}
|
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:100px;font-size:13px;font-weight:700;margin-bottom:22px;}
|
||||||
.hero-eyebrow span.dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block;}
|
.hero-eyebrow span.dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block;}
|
||||||
.hero h1{font-size:clamp(34px,4.6vw,54px);color:#fff;line-height:1.28;font-weight:900;margin-bottom:20px;}
|
.hero h1{font-size:clamp(34px,4.6vw,54px);color:#fff;line-height:1.28;font-weight:900;margin-bottom:20px;}
|
||||||
@@ -98,7 +98,7 @@
|
|||||||
.hero:hover .cursor-glow{opacity:1;}
|
.hero:hover .cursor-glow{opacity:1;}
|
||||||
@media (max-width:920px){
|
@media (max-width:920px){
|
||||||
.hero{min-height:560px;padding:130px 0 70px;}
|
.hero{min-height:560px;padding:130px 0 70px;}
|
||||||
.hero-content{max-width:100%;}
|
.hero-content{max-width:100%;margin-right:0;}
|
||||||
.hero-overlay{background:
|
.hero-overlay{background:
|
||||||
linear-gradient(0deg, rgba(7,26,56,.92) 0%, rgba(7,26,56,.75) 45%, rgba(7,26,56,.4) 100%);
|
linear-gradient(0deg, rgba(7,26,56,.92) 0%, rgba(7,26,56,.75) 45%, rgba(7,26,56,.4) 100%);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user