html {
scroll-behaviour:smooth;
}

body {
background-color:rgba(255, 255, 200, 1);
font-family:'Open Sans', sans-serif;
padding:0;
margin:0;
}

.topbar {
z-index:1;
top:0;
width:100%;
height:2.5em;
background-color:rgba(240, 230, 200, 1);
position:fixed;
box-shadow:0px 0px 8px 0px #969696;
}

.rightnav {
float:right;
position:absolute;
right:0px;
top:0px;
padding-right:1em;
}

.navlinks {
overflow:hidden;
text-align:center;
padding-top:0.2em;
}

.navlinks a {
color:rgba(0, 0, 0, 1);
text-align:center;
padding:0.5em 0.5em;
text-decoration:none;
font-size:2em;
}

.navlinks a:hover {
background-color:rgba(230, 220, 190, 1);
}

.afternav {
padding-top:2.5em;
height:95%;
}

.archive-body {
text-align:center;
}

.post-link a {
padding-right:1em;
}

.text-body {
max-width:40em;
background-color:rgba(255, 255, 255, 1);
margin:auto;
margin-top:.5em;
padding:1em;
box-shadow:0px 0px 8px 1px #969696;
}

.text-body h1, h2, h3, h4, h5, h6 {
margin-top:.5em;
margin-bottom:0;
}

.text-body h1 {
text-align:center;
}

.posttime {
text-align:center;
size:0.8em;
margin:0;
color:#808080;
}

.center {
text-align:center;
}

.float-right {
text-align:center;
float:right;
}

.inter-title {
font-family:"Inter", sans-serif;
font-optical-sizing:auto;
font-weight:300;
font-style:normal;
font-variation-settings:"s1nt" 0;
}

.bodytextarea {
width:100%;
min-height:20em;
resize:vertical;
}

.codeblock {
padding:1em;
}

canvas#rain {
position:fixed;
z-index:-4;
height:100%;
}

.hexgrid {
background-image:url('/public/svg/hex.svg');
background-position:center;
background-attachment:fixed;
}