94 lines
1.2 KiB
CSS
94 lines
1.2 KiB
CSS
html{background-color:#f1f6f0;color:#222323}
|
|
a{text-decoration:none}
|
|
p{margin:0.4em 0 0.4em 0}
|
|
a{color:#6D92AD}
|
|
|
|
body {
|
|
margin: 0 auto;
|
|
font-family: Monospace;
|
|
font-size: 1.25em;
|
|
font-weight: 300;
|
|
text-align: left
|
|
}
|
|
|
|
body strong {
|
|
font-weight: 600;
|
|
}
|
|
|
|
body li {
|
|
list-style-type: "~> ";
|
|
}
|
|
|
|
footer {
|
|
position: absolute;
|
|
margin: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
background-color: rgba(109, 146, 173, 0.3);
|
|
text-align: center;
|
|
padding: 1em 0 0.9em 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
footer p {
|
|
font-size: 0.75em;
|
|
margin: 0 2em;
|
|
color: #f1f6f0;
|
|
}
|
|
|
|
footer p a {
|
|
color: #f1f6f0;
|
|
}
|
|
|
|
.main {
|
|
margin: 1em auto;
|
|
max-width: 60%;
|
|
}
|
|
|
|
.navContainer {
|
|
margin: 1.5em 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.mainNav {
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
box-shadow: 4px 4px 6px #ccc;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.mainNav li {
|
|
list-style-type: none;
|
|
}
|
|
|
|
.mainNav li a {
|
|
display: block;
|
|
text-align: center;
|
|
padding: 0.25em 0.3em;
|
|
text-transform: lowercase;
|
|
}
|
|
|
|
.notFound {
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.notFound h1 {
|
|
font-size: 500%;
|
|
font-weight: 200;
|
|
color:#6D92AD
|
|
}
|
|
|
|
.postList {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
@media only screen and (max-width : 768px) {
|
|
.main {
|
|
margin: 1em auto;
|
|
max-width: 90%;
|
|
}
|
|
}
|