@@ -20,10 +20,12 @@ body {
|
||||
|
||||
header {
|
||||
border-bottom: 0.2rem solid #000;
|
||||
margin: 4.2rem 0;
|
||||
}
|
||||
|
||||
nav {
|
||||
text-align: right;
|
||||
text-align: center;
|
||||
margin: 0 auto 3rem;
|
||||
}
|
||||
|
||||
nav a {
|
||||
@@ -34,6 +36,11 @@ nav a {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
||||
nav a:hover {
|
||||
color: pink;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-top: 3rem;
|
||||
padding: 1.2rem 0;
|
||||
@@ -56,9 +63,19 @@ article .header {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.logo {
|
||||
text-align: center;
|
||||
margin: 1rem auto 3rem;
|
||||
}
|
||||
|
||||
.logo a:hover {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.logo a {
|
||||
font-weight: bold;
|
||||
font-family: "Monoid Bold";
|
||||
font-size: 3rem;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -82,27 +99,18 @@ article .header {
|
||||
margin: 0;
|
||||
padding: 0 5%;
|
||||
}
|
||||
header {
|
||||
margin: 4.2rem 0;
|
||||
}
|
||||
nav {
|
||||
margin: 0 auto 3rem;
|
||||
text-align: center;
|
||||
}
|
||||
footer {
|
||||
text-align: center;
|
||||
}
|
||||
.logo {
|
||||
text-align: center;
|
||||
margin: 1rem auto 3rem;
|
||||
}
|
||||
.logo a {
|
||||
font-size: 2.4rem;
|
||||
}
|
||||
nav a {
|
||||
display: block;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.sticky {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 320px) {
|
||||
@@ -111,23 +119,9 @@ article .header {
|
||||
margin: 0;
|
||||
padding: 0 5%;
|
||||
}
|
||||
header {
|
||||
margin: 4.2rem 0;
|
||||
}
|
||||
nav {
|
||||
margin: 0 auto 3rem;
|
||||
text-align: center;
|
||||
}
|
||||
footer {
|
||||
text-align: center;
|
||||
}
|
||||
.logo {
|
||||
text-align: center;
|
||||
margin: 1rem auto 3rem;
|
||||
}
|
||||
.logo a {
|
||||
font-size: 2.4rem;
|
||||
}
|
||||
nav a {
|
||||
display: inline;
|
||||
margin: 0 0.6rem;
|
||||
@@ -140,14 +134,6 @@ article .header {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
header {
|
||||
margin: 0 0 3rem;
|
||||
padding: 1.2rem 0;
|
||||
}
|
||||
nav {
|
||||
margin: 0;
|
||||
text-align: right;
|
||||
}
|
||||
nav a {
|
||||
margin: 0 0 0 1.2rem;
|
||||
display: inline;
|
||||
@@ -155,12 +141,4 @@ article .header {
|
||||
footer {
|
||||
text-align: right;
|
||||
}
|
||||
.logo {
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
.logo a {
|
||||
float: left;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user