2021-05-08 15:23:46 +02:00
|
|
|
/* Inspired by lord.re and bettermotherfuckingwebsite.com */
|
|
|
|
|
|
|
|
body {
|
2022-10-02 01:07:24 +02:00
|
|
|
margin: auto;
|
|
|
|
max-width: 60rem;
|
2021-05-08 15:23:46 +02:00
|
|
|
background-color:#2d2d2d;
|
|
|
|
color: #D3D0C8;
|
2022-10-02 01:07:24 +02:00
|
|
|
padding: 2rem;
|
2021-05-08 15:23:46 +02:00
|
|
|
font-family: sans-serif;
|
|
|
|
text-align: center;
|
|
|
|
word-wrap: break-word;
|
|
|
|
}
|
|
|
|
|
2022-11-23 22:18:24 +01:00
|
|
|
.header {
|
2021-05-10 21:23:37 +02:00
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
|
2022-11-23 22:18:24 +01:00
|
|
|
.header span, .header a {
|
2021-05-10 21:23:37 +02:00
|
|
|
flex: 1;
|
2021-05-10 21:34:58 +02:00
|
|
|
padding: 15px;
|
2021-05-10 21:23:37 +02:00
|
|
|
min-width: 10em;
|
|
|
|
border: 1px solid #393939;
|
|
|
|
}
|
|
|
|
|
2021-05-08 22:46:12 +02:00
|
|
|
#links-container {
|
|
|
|
text-align: left;
|
|
|
|
margin: auto;
|
|
|
|
border: 1px solid #393939;
|
|
|
|
padding: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#links-container ul li progress {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2021-05-08 15:23:46 +02:00
|
|
|
video,img {
|
|
|
|
max-width: 100%;
|
2022-10-02 01:07:24 +02:00
|
|
|
max-height: 80vh;
|
2021-05-08 15:23:46 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
audio {
|
|
|
|
width: 100%;
|
|
|
|
max-width: 600px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.markdown {
|
|
|
|
text-align: left;
|
|
|
|
word-wrap: normal;
|
|
|
|
margin: auto;
|
|
|
|
border: 1px solid #393939;
|
|
|
|
padding: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1,h2,h3 {
|
|
|
|
font-family: serif;
|
|
|
|
}
|
|
|
|
pre,code {
|
|
|
|
font-family: monospace;
|
|
|
|
}
|
|
|
|
a {
|
|
|
|
color: #F99157;
|
2022-10-02 01:07:24 +02:00
|
|
|
display: inline-block;
|
2021-05-08 15:23:46 +02:00
|
|
|
}
|
|
|
|
a:visited {
|
|
|
|
color: #F2777A;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:hover, a:focus {
|
|
|
|
outline: 1px solid;
|
|
|
|
outline-offset:.2em;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|