This repository has been archived on 2023-03-14. You can view files and clone it, but cannot push or open issues or pull requests.
personal-website-old/pages/css/main.css

110 lines
1.4 KiB
CSS
Raw Normal View History

* {
2020-11-19 17:13:50 +00:00
scrollbar-color: #202324 #454a4d;
}
2020-11-19 16:47:11 +00:00
html, body {
2020-11-19 17:13:50 +00:00
background-color: #232830;
}
body {
2020-11-19 17:13:50 +00:00
font-family: 'Lora', serif;
font-size: 26px;
text-rendering: optimizeLegibility;
max-width: 40em;
margin: 0 auto;
padding: 1em;
2020-11-19 16:47:11 +00:00
}
body, a {
2020-11-19 17:13:50 +00:00
color: #c0c5ce;
}
a {
2020-11-19 17:13:50 +00:00
text-decoration: underline;
text-decoration-color: #283593;
text-decoration-thickness: 2px;
2020-11-19 16:47:11 +00:00
}
a:hover {
2020-11-19 17:13:50 +00:00
text-decoration: underline;
text-decoration-color: #5f5fc4;
text-decoration-thickness: 2px;
2020-11-19 16:47:11 +00:00
}
p {
2020-11-19 17:13:50 +00:00
margin-bottom: .7em;
text-align: justify;
2020-11-19 16:47:11 +00:00
}
h1 {
2020-11-19 17:19:05 +00:00
font-size: 2em;
2020-11-19 17:13:50 +00:00
margin-bottom: .7em;
2020-11-19 16:47:11 +00:00
}
ol, ul {
2020-11-19 17:19:05 +00:00
margin: .7em 0 0 1.4em;
2020-11-19 16:47:11 +00:00
}
2020-11-19 17:13:50 +00:00
2020-11-19 16:47:11 +00:00
li {
2020-11-19 17:19:05 +00:00
margin-bottom: 0.4em;
2020-11-19 16:47:11 +00:00
}
hr {
2020-11-19 17:13:50 +00:00
border: 0;
border-top: 1px dashed #d2d2d2;
height: 0;
2020-11-19 17:19:05 +00:00
margin: 1.7em 0;
2020-11-19 16:47:11 +00:00
}
header {
2020-11-19 17:19:05 +00:00
margin: 1.2em 0 2em;
}
footer {
color: #8e8e8e;
font-size: .7em;
text-align: center;
margin: 5em 0 2em;
2020-11-19 16:47:11 +00:00
}
.blink {
2020-11-19 17:13:50 +00:00
margin-left: -5px;
2020-11-19 18:28:35 +00:00
}
2020-11-19 19:11:50 +00:00
.btn-back {
text-align: center;
margin: 3em 0 3em;
}
.btn-back span {
display:inline-block;
transform: scale(2.5);
translate: -.2em -.1em;
}
2020-11-19 18:28:35 +00:00
@media screen and (max-width: 700px) {
body {
font-size: 17px;
}
ol, ul {
padding-left: 17px;
}
2020-11-26 15:42:01 +00:00
}
video {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
header > ul {
list-style: none;
padding: 0;
margin: 1em 0 0 0;
}
header > ul > li {
display: inline;
margin-right: .5em;
}