92 lines
1.3 KiB
CSS
92 lines
1.3 KiB
CSS
body{
|
|
background-color: white;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.logo {
|
|
font-family: monospace;
|
|
font-size: 40px;
|
|
}
|
|
|
|
header, nav {
|
|
background-color: #444444;
|
|
color: #f0f0f0;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
padding: 20px;
|
|
}
|
|
|
|
header a {
|
|
color: #f0f0f0;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/*
|
|
nav {
|
|
display: grid;
|
|
grid-template-colums: auto 1em 1em 1em auto;
|
|
grid-template-areas: ". item1 item2 item3 .";
|
|
}
|
|
|
|
nav a:nth-child(1) {
|
|
grid-area: item1;
|
|
}
|
|
|
|
nav a:nth-child(2) {
|
|
grid-area: item2;
|
|
}
|
|
|
|
nav a:nth-child(3) {
|
|
grid-area: item3;
|
|
}
|
|
nav a {
|
|
color: #f0f0f0;
|
|
padding: 10px;
|
|
font-family: monospace;
|
|
font-size: 20px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
nav a:hover {
|
|
background-color: #f0f0f0;
|
|
color: black;
|
|
}
|
|
*/
|
|
|
|
div.container {
|
|
margin: auto;
|
|
width: 80%;
|
|
min-height: calc(100vh - 9.2em);
|
|
}
|
|
|
|
strong {
|
|
font-family: monospace;
|
|
font-size: 10px;
|
|
}
|
|
|
|
footer {
|
|
bottom: 0;
|
|
display: grid;
|
|
width: 100%;
|
|
margin-top: auto;
|
|
background-color: #444444;
|
|
color: #f0f0f0;
|
|
font-family: monospace;
|
|
font-size: 15px;
|
|
grid-template-columns: auto 35em auto;
|
|
grid-template-rows: 4em;
|
|
grid-template-areas: ". info .";
|
|
}
|
|
|
|
footer span {
|
|
grid-area: info;
|
|
margin-top: 1.5em;
|
|
text-align: center;
|
|
}
|
|
|
|
footer span a {
|
|
color: #f0f0f0;
|
|
}
|