Adjust hero top bar paddings

This commit is contained in:
Helen Chong 2024-04-23 15:57:54 +08:00
parent 5abb93e85f
commit a1f44a609c
89 changed files with 109 additions and 93 deletions

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -4,7 +4,7 @@
<subtitle>Leilukin&#39;s personal website.</subtitle> <subtitle>Leilukin&#39;s personal website.</subtitle>
<link href="https://leilukin.neocities.org/feed.xml" rel="self"/> <link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
<link href="https://leilukin.neocities.org"/> <link href="https://leilukin.neocities.org"/>
<updated>2024-04-23T02:15:06Z</updated> <updated>2024-04-23T07:56:04Z</updated>
<id>https://leilukin.neocities.org</id> <id>https://leilukin.neocities.org</id>
<author> <author>
<name>Leilukin</name> <name>Leilukin</name>

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {
@ -125,6 +125,10 @@
} }
function getBlurbHtml(day) { function getBlurbHtml(day) {
const releaseDate = new Date("2020-04-23").getFullYear();
const currentYear = new Date().getFullYear();
const anniversary = currentYear - releaseDate;
switch (day) { switch (day) {
case "Michelle's Birthday": case "Michelle's Birthday":
return ` return `
@ -133,7 +137,7 @@
break; break;
case "ASE Anniversary": case "ASE Anniversary":
return ` return `
Today is the anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>! Today is the ${anniversary}-year anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>!
`; `;
break; break;
case "Cecelia's Birthday": case "Cecelia's Birthday":

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {
@ -125,6 +125,10 @@
} }
function getBlurbHtml(day) { function getBlurbHtml(day) {
const releaseDate = new Date("2020-04-23").getFullYear();
const currentYear = new Date().getFullYear();
const anniversary = currentYear - releaseDate;
switch (day) { switch (day) {
case "Michelle's Birthday": case "Michelle's Birthday":
return ` return `
@ -133,7 +137,7 @@
break; break;
case "ASE Anniversary": case "ASE Anniversary":
return ` return `
Today is the anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>! Today is the ${anniversary}-year anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>!
`; `;
break; break;
case "Cecelia's Birthday": case "Cecelia's Birthday":

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {
@ -125,6 +125,10 @@
} }
function getBlurbHtml(day) { function getBlurbHtml(day) {
const releaseDate = new Date("2020-04-23").getFullYear();
const currentYear = new Date().getFullYear();
const anniversary = currentYear - releaseDate;
switch (day) { switch (day) {
case "Michelle's Birthday": case "Michelle's Birthday":
return ` return `
@ -133,7 +137,7 @@
break; break;
case "ASE Anniversary": case "ASE Anniversary":
return ` return `
Today is the anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>! Today is the ${anniversary}-year anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>!
`; `;
break; break;
case "Cecelia's Birthday": case "Cecelia's Birthday":

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {
@ -125,6 +125,10 @@
} }
function getBlurbHtml(day) { function getBlurbHtml(day) {
const releaseDate = new Date("2020-04-23").getFullYear();
const currentYear = new Date().getFullYear();
const anniversary = currentYear - releaseDate;
switch (day) { switch (day) {
case "Michelle's Birthday": case "Michelle's Birthday":
return ` return `
@ -133,7 +137,7 @@
break; break;
case "ASE Anniversary": case "ASE Anniversary":
return ` return `
Today is the anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>! Today is the ${anniversary}-year anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>!
`; `;
break; break;
case "Cecelia's Birthday": case "Cecelia's Birthday":

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {

View File

@ -20,7 +20,7 @@
.hero__top-bar { .hero__top-bar {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
width: 100%; width: 100%;
padding: 0.5em 0; padding: 0.5em 0.7em;
} }
.hero__img { .hero__img {