84 lines
1.1 KiB
CSS
84 lines
1.1 KiB
CSS
body {
|
|
color: beige;
|
|
background: #111;
|
|
margin-bottom: 200px;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
main {
|
|
max-width: 55%;
|
|
margin: auto;
|
|
}
|
|
|
|
h1 {
|
|
text-align: center;
|
|
color: lightgreen;
|
|
}
|
|
|
|
h2 {
|
|
text-align: center;
|
|
color: deeppink;
|
|
font-size: 24pt;
|
|
border-bottom: dashed #ddd 1px;
|
|
max-width: 500px;
|
|
margin: 1em auto;
|
|
}
|
|
|
|
ul.links {
|
|
list-style: none;
|
|
}
|
|
|
|
#link_menu li {
|
|
display: inline;
|
|
}
|
|
|
|
#link_menu li a img:hover {
|
|
filter: brightness(80%);
|
|
}
|
|
|
|
#link_menu li a img {
|
|
filter: brightness(100%);
|
|
}
|
|
|
|
div.center {
|
|
align-items: center;
|
|
align-content: center;
|
|
align-self: center;
|
|
text-align: center;
|
|
}
|
|
|
|
#link_menu li a img.invert:hover {
|
|
filter: brightness(80%) invert(0.7);
|
|
}
|
|
|
|
#link_menu li a img.invert {
|
|
filter: brightness(100%) invert(1.0);
|
|
}
|
|
|
|
.invert {
|
|
filter: invert(1.0);
|
|
}
|
|
|
|
.whitebg {
|
|
border-radius: 20%;
|
|
background: whitesmoke;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #0066cc;
|
|
}
|
|
|
|
a:not(li *):hover {
|
|
border-bottom: dotted 2px;
|
|
}
|
|
|
|
h2#links {
|
|
text-align: left;
|
|
color: gold;
|
|
font-size: 16pt;
|
|
border-bottom: none;
|
|
max-width: fit-content;
|
|
margin: 1em auto;
|
|
}
|