53 lines
699 B
CSS
53 lines
699 B
CSS
:root {
|
|
--primary-color: #09c;
|
|
}
|
|
|
|
body, html {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.title a {
|
|
color: black;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.nav-bar {
|
|
background-color: var(--primary-color);
|
|
padding: 5px;
|
|
}
|
|
|
|
.nav-bar a {
|
|
color: white;
|
|
padding: 7px;
|
|
margin: 0px 3px;
|
|
}
|
|
|
|
a {
|
|
color: var(--primary-color);
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* containers */
|
|
|
|
.container {
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
@media only screen and (min-width: 33.75em) { /* 540px */
|
|
.container {
|
|
width: 80%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 60em) { /* 960px */
|
|
.container {
|
|
width: 75%;
|
|
max-width: 60rem;
|
|
}
|
|
}
|