59 lines
850 B
CSS
59 lines
850 B
CSS
/* Background */
|
|
body {
|
|
background-color: #FBFFFF;
|
|
}
|
|
|
|
/* Typography */
|
|
* {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
h1, h2, h3, h4, a, p {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.5rem;
|
|
}
|
|
|
|
p, a {
|
|
font-size: calc(1.33rem + 0.01vh);
|
|
}
|
|
|
|
/* Header */
|
|
.logo {
|
|
width: 17.33rem;
|
|
height: 11.99rem;
|
|
}
|
|
|
|
.header-wrapper {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
/* Navigation */
|
|
.navbar-link {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
nav.navbar {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-content: left;
|
|
align-items: left;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
/* Mobile */
|
|
@media screen and (max-width: 480px) {
|
|
.header-wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|