nei-su/css/default.css

162 lines
2.1 KiB
CSS
Raw Normal View History

2021-02-28 22:59:06 +00:00
@font-face {
font-family: FiraSans;
src: url('../fonts/FiraSans-Regular.ttf');
}
@font-face {
font-family: Iosevka;
src: url('../fonts/iosevka-regular.ttf');
}
2021-02-28 15:27:02 +00:00
html {
2021-02-28 22:59:06 +00:00
font-size: 75.5%;
2021-02-28 15:27:02 +00:00
}
body {
2021-02-28 22:59:06 +00:00
font-family: FiraSans, sans;
2021-02-28 15:27:02 +00:00
font-size: 1.6rem;
color: #000;
}
header {
}
nav {
text-align: right;
}
nav a {
font-size: 1.8rem;
font-weight: bold;
color: black;
text-decoration: none;
text-transform: uppercase;
}
footer {
margin-top: 3rem;
padding: 1.2rem 0;
border-top: 0.2rem solid #000;
font-size: 1.2rem;
color: #555;
}
h1 {
font-size: 2.4rem;
}
h2 {
font-size: 2rem;
}
article .header {
font-size: 1.4rem;
font-style: italic;
color: #555;
}
.logo a {
font-weight: bold;
color: #000;
text-decoration: none;
}
@media (max-width: 319px) {
body {
width: 90%;
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;
}
}
@media (min-width: 320px) {
body {
width: 90%;
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;
}
}
@media (min-width: 640px) {
body {
width: 60rem;
margin: 0 auto;
padding: 0;
}
header {
2021-02-28 22:59:06 +00:00
width: 60rem;
2021-02-28 15:27:02 +00:00
margin: 0 0 3rem;
padding: 1.2rem 0;
}
nav {
margin: 0;
text-align: right;
}
nav a {
margin: 0 0 0 1.2rem;
display: inline;
}
footer {
text-align: right;
}
.logo {
margin: 0;
text-align: left;
}
.logo a {
float: left;
font-size: 1.8rem;
}
}
2021-03-02 23:27:00 +00:00
p img {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
width: 70%;
height: 70%;
}