59 lines
1.0 KiB
CSS
59 lines
1.0 KiB
CSS
@font-face {
|
|
font-family: 'x-typewriter';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
unicode-range: U+0000-00FF;
|
|
src: url('/fonts/x-typewriter.regular.woff2') format('woff2'),
|
|
url('/fonts/x-typewriter.regular.woff') format('woff');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'if';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
unicode-range: U+0000-00FF;
|
|
src: url('/fonts/If.woff2') format('woff2'),
|
|
url('/fonts/If.woff') format('woff');
|
|
}
|
|
|
|
.all {
|
|
margin: auto;
|
|
width: 60%
|
|
}
|
|
|
|
.container {
|
|
margin: 0, auto;
|
|
width: 90%;
|
|
font-family: "x-typewriter";
|
|
}
|
|
|
|
.title {
|
|
margin: 0, auto;
|
|
width: 90%;
|
|
font-family: "if";
|
|
text-align: center;
|
|
}
|
|
|
|
nav, footer {
|
|
background-color: #333;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
|
|
nav {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
nav > a {
|
|
flex: 1;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
color: #fff;
|
|
@media only screen and (min-width: 768px) {
|
|
nav { flex-direction: row;}
|
|
}
|
|
}
|
|
|