{title}
+ +{description}
+{note}
+diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 9439812..f94cc64 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -27,11 +27,11 @@ import '../styles/components/Footer.scss'
{description}
-{note}
+{description}
+{note}
+Improve your competitive Splatoon experience!
diff --git a/src/styles/components/Footer.scss b/src/styles/components/Footer.scss index f07e90c..76eb27d 100644 --- a/src/styles/components/Footer.scss +++ b/src/styles/components/Footer.scss @@ -38,6 +38,7 @@ footer { display: flex; flex-direction: column; align-items: baseline; + font-size: 0.75rem; a { position: relative; @@ -71,7 +72,7 @@ footer { .footerNotice { margin: 0 auto; text-align: center; - font-size: 0.75rem; + font-size: 0.65rem; a { transition: .5s; diff --git a/src/styles/components/ImageSection.scss b/src/styles/components/ImageSection.scss new file mode 100644 index 0000000..c3f6a32 --- /dev/null +++ b/src/styles/components/ImageSection.scss @@ -0,0 +1,34 @@ +.ImageSection { + //background-image: url("https://static.moonleay.net/img/lilJuddWeb/bgs/tapes-bg.png"), linear-gradient(180deg,rgba(2,0,36,.1) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,.25) 100%); + + .backgroundImage{ + border-radius: 0.5rem; + background-size: contain; + background-color: rgb(25 215 25); + -webkit-mask-image: url("https://static.moonleay.net/img/lilJuddWeb/bgs/card-header.svg"); + mask-image: url("https://static.moonleay.net/img/lilJuddWeb/bgs/card-header.svg"); + -webkit-mask-position: top; + mask-position: top; + -webkit-mask-size: 2000px auto; + mask-size: 2000px auto; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + } + + .content { + + } + + + h1 { + + } + + img { + + } + + p { + + } +} diff --git a/src/styles/pages/index.scss b/src/styles/pages/index.scss index a2bfdac..da68edb 100644 --- a/src/styles/pages/index.scss +++ b/src/styles/pages/index.scss @@ -7,7 +7,6 @@ .section h1 { font-size: 4rem; - margin-top: 8rem; } .section h5 { @@ -29,4 +28,11 @@ .p2 a { font-weight: bolder; + text-decoration: underline; + font-size: 0.9rem; + transition: .5s; +} + +.p2 a:hover { + color: rgb(96 59 255) !important; }