|
@@ -1,6 +1,7 @@
|
|
|
@font-face {
|
|
@font-face {
|
|
|
- font-family: "Great Vibes";
|
|
|
|
|
- src: url("../fonts/GreatVibes-Regular.ttf") format("truetype");
|
|
|
|
|
|
|
+ font-family: "Dancing Script";
|
|
|
|
|
+ src: url("../fonts/DancingScript-Regular.woff2") format("woff2"),
|
|
|
|
|
+ url("../fonts/DancingScript-Regular.woff") format("woff");
|
|
|
font-weight: normal;
|
|
font-weight: normal;
|
|
|
font-style: normal;
|
|
font-style: normal;
|
|
|
font-display: swap;
|
|
font-display: swap;
|
|
@@ -38,12 +39,12 @@ a:hover { text-decoration: underline; }
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
gap: 12px;
|
|
gap: 12px;
|
|
|
- font-family: "Great Vibes", cursive;
|
|
|
|
|
- font-size: 2rem;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
|
|
+ font-family: "Dancing Script", cursive;
|
|
|
|
|
+ font-size: 1.7rem;
|
|
|
|
|
+ font-weight: 500;
|
|
|
color: var(--text);
|
|
color: var(--text);
|
|
|
- letter-spacing: 0.03em;
|
|
|
|
|
- text-shadow: 2px 2px 6px rgba(156, 124, 117, 0.15);
|
|
|
|
|
|
|
+ letter-spacing: 0.02em;
|
|
|
|
|
+ text-shadow: 2px 2px 4px rgba(156, 124, 117, 0.15);
|
|
|
}
|
|
}
|
|
|
.site-title a {
|
|
.site-title a {
|
|
|
display: flex;
|
|
display: flex;
|
|
@@ -53,7 +54,7 @@ a:hover { text-decoration: underline; }
|
|
|
}
|
|
}
|
|
|
.site-title a:hover {
|
|
.site-title a:hover {
|
|
|
color: var(--accent);
|
|
color: var(--accent);
|
|
|
- text-shadow: 2px 2px 8px rgba(156, 124, 117, 0.25);
|
|
|
|
|
|
|
+ text-shadow: 2px 2px 6px rgba(156, 124, 117, 0.25);
|
|
|
}
|
|
}
|
|
|
.site-logo {
|
|
.site-logo {
|
|
|
width: 64px;
|
|
width: 64px;
|
|
@@ -120,4 +121,8 @@ main.wrap { padding: 32px 0 48px; }
|
|
|
.header-inner, .section-head { flex-direction: column; align-items: flex-start; }
|
|
.header-inner, .section-head { flex-direction: column; align-items: flex-start; }
|
|
|
.card, .hero { padding: 20px; }
|
|
.card, .hero { padding: 20px; }
|
|
|
.article h1 { font-size: 1.5rem; }
|
|
.article h1 { font-size: 1.5rem; }
|
|
|
|
|
+ .site-title { font-size: 1.4rem; }
|
|
|
|
|
+ .site-logo { width: 40px; height: 40px; }
|
|
|
|
|
+ .site-nav { width: 100%; margin-top: 12px; }
|
|
|
|
|
+ .site-nav a { font-size: 0.9rem; padding: 6px 12px; }
|
|
|
}
|
|
}
|