$footer-height: 42pt;
html,
body {
height: 100%;
flex: auto;
}
footer {
min-height: $footer-height;
position: sticky;
display: flex;
align-items: center;
justify-content: center;
bottom: 0;
}
#content {
min-height: calc(100% - 42pt * 3);
right: auto;
margin-bottom: 84pt;
}
.randomword-button {
width: auto;
height: auto;
}
#content p,
#content img,
#content img,
#content ul,
#content ol,
#content table,
#content nav,
.embed,
code,
.postdescription,
hr,
#content div .video-player
{
margin-right: 24%;
margin-left: 24%;
}
#content img
{
display: block;
overflow: hidden;
max-width: 52%;
height: 100%;
}
#content .embed{
display: block;
overflow: hidden;
padding: 0;
& iframe{
width: 100%;
aspect-ratio: 16/9;
margin: 0;
}
}
p code{
margin-left:0;
margin-right: 0;
}
#content ol ol,
#content ul ul{
margin-left: 0.12em;
}
#footer-left {
margin-top: auto;
margin-bottom: auto;
margin-left: 24pt;
justify-self: left;
margin-right: auto;
display: inline-flex;
align-items: center;
}
#footer-right {
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
justify-self: right;
margin-right: 24pt;
align-content: center;
display: inline-flex;
}
#footer-center {
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
justify-content: center;
justify-self: center;
display: inline-flex;
}
* {
padding: 0;
margin: 0;
}
#footer-right * {
margin-top: auto;
margin-bottom: auto;
}
#footer-center * {
display: flex;
margin-right: 8pt;
margin-left: 8pt;
margin-top: auto;
margin-bottom: auto;
justify-content: center;
align-items: center;
}
.postinfo {
text-align: right;
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding-right: 6%;
margin-right: 6%;
padding-top: 12pt;
padding-bottom: 12pt;
justify-content: right;
display: flex;
align-items: center;
text-align: right;
}
h2,
h3,
h4,
h5,
h6 {
margin-top: 1em;
margin-bottom: 1em;
}
article {
margin-inline: auto;
}
.titlecontainer,
header{
width: 100%;
padding-top: 42pt;
}
#hamburger-bg{
position: fixed;
width: 100%;
height: calc(100% - 42pt);
left: 0pt;
top: 0pt;
right: 0;
transition: 0s;
display: grid;
justify-content: center;
overflow: scroll;
& * {
display: grid;
margin-top: 2pt;
margin-bottom: 2pt;
text-align: center;
align-items: center;
padding: 5em;
}
&.hidden{
display: none;
}
}
#darkmode-button-small {
margin-right: 8pt;
}