diff --git a/header.php b/header.php
index b7c912c..f78a1b2 100644
--- a/header.php
+++ b/header.php
@@ -33,7 +33,7 @@
?>
-
+
Slowtwitch
diff --git a/style.css b/style.css
index 6b65231..8236f75 100644
--- a/style.css
+++ b/style.css
@@ -54,6 +54,7 @@ h1 {
@media (min-width: 760px) {
.st-site-title {
font-size: 6.9rem;
+ margin-bottom: .10em;
}
}
@@ -111,7 +112,7 @@ SECTIONS
display: flex;
justify-content: space-between;
color: black;
- margin-top: .25em;
+ margin-top: 1em;
}
.st-header-logo {
@@ -128,7 +129,8 @@ SECTIONS
display: none;
}
-.st-icon-bar-sticky .st-open-nav {
+.st-icon-bar-sticky .st-open-nav,
+.st-icon-bar-sticky .st-open-search {
border-radius: 20%;
padding: .1em .4em;
background: #fff;
@@ -138,12 +140,48 @@ SECTIONS
}
.st-icon-bar-sticky .st-open-search {
- border-radius: 20%;
- padding: .1em .4em;
- background: #fff;
- box-shadow: 0 0 3px rgb(0 0 0 / 30%);
+ margin-left: 0;
margin-right: auto;
- pointer-events: auto;
+}
+
+@media (min-width: 760px) {
+ .st-header-icon-bar {
+ margin-top: 1.5em;
+ }
+
+ .st-icon-bar-sticky {
+ justify-content: flex-end;
+ margin-top: 1em;
+ }
+
+ .st-icon-bar-sticky .st-open-nav {
+ margin-left: 1em;
+ }
+
+ .st-icon-bar-sticky .st-open-search {
+ margin-right: 0;
+ }
+}
+
+@media (min-width: 1200px) {
+ .st-nav-btn i,
+ .st-header-icon i{
+ font-size: 2rem;
+ }
+
+ .st-header-icon-bar a,
+ .st-header-icon {
+ font-size: 1.25rem;
+ }
+
+ .st-icon-bar-sticky .st-open-nav,
+ .st-icon-bar-sticky .st-open-search {
+ padding: .6em .8em;
+ }
+
+ .st-header-icon-bar {
+ margin-top: 2.5em;
+ }
}
/* nav */
@@ -232,6 +270,31 @@ SECTIONS
font-size: 1.25em;
}
+@media (min-width: 760px) {
+ .st-nav-is-open {
+ text-align: center;
+ }
+
+ .st-nav-links {
+ margin-top: 2.5em;
+ font-size: 2.5rem;
+ }
+
+ .st-search-form {
+ margin-top: 5em;
+ }
+
+ .st-search-box {
+ width: 500px;
+ }
+}
+
+@media (min-width: 120px) {
+ .st-search-box {
+ width: 1000px;
+ }
+}
+
/* footer */
.st-footer {
@@ -328,7 +391,7 @@ SECTIONS
@media (min-width: 760px) {
.st-footer {
background-color: white;
- grid-template-columns: minmax(1em, 1fr) minmax(50px, 80px) repeat(2, minmax(130px, 725px)) minmax(1em, 1fr);
+ grid-template-columns: minmax(1em, 1fr) minmax(50px, 80px) repeat(2, minmax(130px, 660px)) minmax(1em, 1fr);
grid-template-areas:
"lpad socials empty partners rpad"
"lpad menu empty partners rpad"
@@ -490,6 +553,10 @@ SECTIONS
.st-article-section-wide .st-article-section-title {
grid-column: 1 / span 4;
}
+
+ .st-article-section-title {
+ font-size: 2.6rem;
+ }
}
/* ad section */
@@ -715,7 +782,7 @@ COMPONENTS
font-size: 1rem;
text-decoration: none;
cursor: pointer;
- border-radius: 100px;
+ border-radius: 15px;
color: white;
font-weight: 500;
letter-spacing: 1px;