52 lines
892 B
CSS
52 lines
892 B
CSS
/* Variable fonts usage:
|
|
:root { font-family: "Inter", sans-serif; }
|
|
@supports (font-variation-settings: normal) {
|
|
:root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
|
|
}*/
|
|
|
|
@font-face {
|
|
font-family: InterVariable;
|
|
font-style: normal;
|
|
font-weight: 100 900;
|
|
src: url('/fonts/InterVariable.woff2') format('woff2');
|
|
}
|
|
|
|
body {
|
|
font-family: "InterVariable", sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.container {
|
|
margin: 0 auto;
|
|
width: 80%;
|
|
}
|
|
|
|
header {
|
|
background-color: #1976D2;
|
|
color: #fff;
|
|
text-align: left;
|
|
padding: 1rem;
|
|
}
|
|
|
|
nav, footer {
|
|
background-color: #1976D2;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
|
|
nav {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
nav a {
|
|
flex: 1;
|
|
text-align: left;
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
nav { flex-direction: row; }
|
|
} |