76 lines
1015 B
CSS
76 lines
1015 B
CSS
/* Inspired by lord.re and bettermotherfuckingwebsite.com */
|
|
|
|
body {
|
|
margin: auto;
|
|
max-width: 60rem;
|
|
background-color:#2d2d2d;
|
|
color: #D3D0C8;
|
|
padding: 2rem;
|
|
font-family: sans-serif;
|
|
text-align: center;
|
|
}
|
|
|
|
.header {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: auto;
|
|
}
|
|
|
|
.header span, .header a {
|
|
flex: 1;
|
|
flex-basis: 40%;
|
|
padding: 15px 30px 15px 30px;
|
|
border: 1px solid #393939;
|
|
}
|
|
|
|
#links-container {
|
|
text-align: left;
|
|
margin: auto;
|
|
border: 1px solid #393939;
|
|
padding: 15px;
|
|
}
|
|
|
|
#links-container ul li progress {
|
|
width: 100%;
|
|
}
|
|
|
|
video,img {
|
|
max-width: 100%;
|
|
max-height: 80vh;
|
|
}
|
|
|
|
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;
|
|
word-wrap: break-word;
|
|
}
|
|
pre,code {
|
|
font-family: monospace;
|
|
}
|
|
a {
|
|
color: #F99157;
|
|
display: inline-block;
|
|
}
|
|
a:visited {
|
|
color: #F2777A;
|
|
}
|
|
|
|
a:hover, a:focus {
|
|
outline: 1px solid;
|
|
outline-offset:.2em;
|
|
text-decoration: none;
|
|
}
|
|
|