71 lines
1.1 KiB
CSS
71 lines
1.1 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');
|
|
}
|
|
|
|
body {
|
|
background-color: #f5efe4;
|
|
}
|
|
|
|
figure img {
|
|
max-width: 30%;
|
|
height: auto;
|
|
justify-content: center;
|
|
}
|
|
|
|
.all {
|
|
margin: auto;
|
|
width: 75%;
|
|
background-color: #f5efe4;
|
|
}
|
|
|
|
.container {
|
|
margin: 0, auto;
|
|
width: 100%;
|
|
font-family: "x-typewriter";
|
|
}
|
|
|
|
.title {
|
|
margin: 0, auto;
|
|
width: 100%;
|
|
font-family: "if";
|
|
text-align: center;
|
|
}
|
|
|
|
nav, footer {
|
|
background-color: #333;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
|
|
nav {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
nav > a {
|
|
flex: 1;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
color: #fff;
|
|
@media only screen and (max-width: 768px) {
|
|
nav { flex-direction: column;}
|
|
}
|
|
}
|
|
|