@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Monomakh&family=Quintessential&display=swap');

*{
box-sizing: border-box;
margin: 0;
padding: 0;
}
 
body{
background-image: url("https://64.media.tumblr.com/4c2eefba48035dc2f0fa1e19e51c2ce7/eed3670e5d89cc39-f6/s400x600/f507eeef3f80cd884ea80754145bd3c3440cef9b.gifv");
background-color: #04041E;
margin: 7%;
font-family: 'Bricolage Grotesque', sans-serif;
font-size: 16px;
color: #2178E8;
}

.middleman{
  display: flex;
  justify-content: center;
  align-items: center;
}
 
.sidebg{
background-image: url('sidebardivider.png'); /* side divider graphic on the left, currently fence */
background-repeat: repeat-y;
background-position: top right;
width: 200px;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
 
.side{
background: linear-gradient(to top, #2178E8ba, #D221E8cc), url('https://64.media.tumblr.com/3f7f4d92fe226e4007f6282611c90717/e46ec82ed0a23024-92/s100x200/4fc40030ed1367be396fcf7114440fcfd37cb5a5.gifv');
width: 176px;
height: 100%;
padding: 1rem 0.5rem 1rem 1rem;
text-align: justify;
font-size: 15px;
display: flex;
flex-direction: column;
gap: 1rem;
color: #04041E;
}
 
.avatar{
width: 100%;
opacity: 0.9;
}
 
s {
color: #314892;
}

a.sidebar:link{
color: #04041E;
text-decoration: none;
}
 
a.sidebar:visited{
color: #04041E;
}
  
a.sidebar:hover{
font-weight: bold;
transition: ease-in 0.1s, ease-out 0.1s;
}
 
a.sidebar:active{
font-style: italic;
font-weight: normal;
}

a:link{
  color: #D221E8;
}

a:visited{
color: #D221E8;
}

a:hover{
  background-color: #D221E8;
  color: #04070b;
  transition: ease-in 0.1s, ease-out 0.1s;
}

a.arrow:link{
  color: #D221E8;
}

a.arrow::after {
  content: " ↗";
  vertical-align: 9px;
  font-size: 11px;
}

a.arrow:visited {
color: #D221E8;
}

a.arrow:hover {
  background-color: #D221E8;
  color: #04070b;
  transition: ease-in 0.1s, ease-out 0.1s;
}

.desc{
padding: 0.5rem;
}
 
.sideheaders{
font-family: 'Quintessential', serif;
font-weight: normal;
font-size: 28px;
padding-left: 0.5rem;
}

.sideheadersru{
font-family: 'Monomakh', serif;
font-weight: normal;
font-size: 28px;
padding-left: 0.5rem;
}
 
.side li{
list-style-image: url('https://64.media.tumblr.com/f051a2b97e302bcdea44b1e9be30b363/7cc0951df855f33f-08/s75x75_c1/8deecd3274cf18347b22ce133e1350333a754e40.gifv');
font-size: 16px;
}
 
.side ul{
padding-left: 2rem;
}

 
.side li{
list-style-image: url('https://64.media.tumblr.com/f051a2b97e302bcdea44b1e9be30b363/7cc0951df855f33f-08/s75x75_c1/8deecd3274cf18347b22ce133e1350333a754e40.gifv');
font-size: 16px;
}
 
.container{
display: flex;
flex-direction: column;
margin-left: 200px;
}
 
.headerwrapper{
display: flex;
flex-direction: row;
justify-content: space-between;
}
 
.title{
font-family: 'Quintessential', serif;
font-weight: normal;
  color: #fff;
  text-shadow:
    /* White glow */
    0 0 7px #fff,
    0 0 10px #fff,
    0 0 21px #fff,
    /* Green glow */
    0 0 42px #2178E8,
    0 0 82px #2178E8,
    0 0 92px #2178E8,
    0 0 102px #2178E8,
    0 0 151px #2178E8;
font-size: 46px;
align-self: end;
margin-left: 1.5rem;
}
 
.headerimg{
width: 250px;
align-self: end;
margin-right: -1rem;
margin-bottom: -1rem;
position: relative;
z-index: 1;
}

.informationbox {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	text-align:left;
}

.informationtext{
	padding-top:10px;
}

.pagebox {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	text-align:left;
	padding-left:2rem;
}

.pagetext{
	padding-top:3px;
}

.alteravatar {
	border-radius: 25px 0px 25px 0px;
	display: flex;
	height:200px;
}

.profile{
display: flex;
max-width: 300px;
padding-right: 30px;
}

.glareleft{
display: flex;
max-height: 300px;
padding-right: 40px;
padding-left: 40px;
}

.glareright{
display: flex;
max-height: 300px;
padding-right: 40px;
padding-left: 15px;
}

.toofat{
	width:300px;
}

/* Zis is necessary, so ze corner rounding doesnt account for padding. */
.fuckasspadding{
	padding-right:20px;
}

/* LEGACY

.box{
display: flex;
flex-direction: row;
background: linear-gradient(to top, #04041Eba, #54007Bcc), url("https://64.media.tumblr.com/c5761e0145a3e6b579751b3f1fbf6e0e/eed3670e5d89cc39-13/s400x600/855037df97da74f7e113e01c29cb6e6f93b402d3.gifv");
border: 3px solid #D221E8;
}*/

.contents li{
list-style-image: url('https://64.media.tumblr.com/3d198246a9735fa65318527d59222b99/f050a2394b64a166-9d/s75x75_c1/5a548c35dfa883b6cb37001edf5b016b70095477.gifv');
font-size: 16px;
}

.contents ul{
padding-left: 2.5rem;
}

hr {
  border: 1px solid #D221E8;
  margin: 1.5rem;
}

.contents{
background: linear-gradient(to top, #04041Eba, #54007Bcc), url("https://64.media.tumblr.com/c5761e0145a3e6b579751b3f1fbf6e0e/eed3670e5d89cc39-13/s400x600/855037df97da74f7e113e01c29cb6e6f93b402d3.gifv");
border: 3px solid #D221E8;
padding: 1rem;
}

.quote{
background: linear-gradient(to top, #04041Eba, #54007Bcc), url("https://64.media.tumblr.com/c5761e0145a3e6b579751b3f1fbf6e0e/eed3670e5d89cc39-13/s400x600/855037df97da74f7e113e01c29cb6e6f93b402d3.gifv");
border: 1px dotted #AB00C1;
padding: 1rem;
margin-top:2rem;
}

blockquote {
  padding-left: 15px;
  border-left: 5px dotted #D221E8;
  margin-bottom: 1rem;
}


.boxgap{
display: flex;
flex-direction: column;
gap: 1rem;
}

.blogheader {
	color: #2178E8;
	font-family: 'Quintessential', serif;
	font-weight: bold;
    background: linear-gradient(to top, #54007Bba, #AB00C1cc), url("https://64.media.tumblr.com/801b3b973da589be8394abce849bff37/147bfebdf112f180-15/s250x400/e57daa0b1c7b827059fb00016834be2bc4f42caa.gifv");
    padding: 6px;
    border-radius: 6px;
	margin-bottom:5px;
}

.centeredheader {
	color: #2178E8;
	font-family: 'Quintessential', serif;
	font-weight: bold;
	text-align:center;
    background: linear-gradient(to top, #54007Bba, #AB00C1cc), url("https://64.media.tumblr.com/801b3b973da589be8394abce849bff37/147bfebdf112f180-15/s250x400/e57daa0b1c7b827059fb00016834be2bc4f42caa.gifv");
    padding: 6px;
    border-radius: 6px;
	margin-bottom:5px;
}

.infobox {
	max-width:600px;
}

.infobox b{
	font-weight:bold;
	color: #D221E8;
}

.blogupdates{
	padding: 6px;
	position:relative;
}

.blogupdates ul li {
  list-style: none;
  position: relative;
  padding: 5px;
  padding-left:15px;
}


.blogupdates ul li:before {
  content: "";
  position: absolute;
  left: -15px;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-size: contain;
  background-image: url("https://64.media.tumblr.com/21b36c66a7a48a9dc69cd99728af63d2/7261b5079e587bbf-fc/s75x75_c1/2b0385287133a54ffb6f3ec1ebad7b44306bb03d.gifv");
}

/* LEGACY
.blogupdates li{
	list-style-image: url('https://64.media.tumblr.com/21b36c66a7a48a9dc69cd99728af63d2/7261b5079e587bbf-fc/s75x75_c1/2b0385287133a54ffb6f3ec1ebad7b44306bb03d.gifv');
	list-style-position: outside;

.left{
border-right: 3px solid #D221E8;
padding: 0.7rem;
text-align: center;
}

.icon{
border: 2px solid #D221E8;
}
 
.right{
padding: 1rem;
}*/
 
 
::-webkit-scrollbar{
width: 8px; 
}
 
::-webkit-scrollbar-track{
background-color: transparent;
}
 
::-webkit-scrollbar-thumb{
background-color: #D221E8;
}
 
@media(max-width:760px){
body{
margin: 0;
padding: 1rem;
}
.sidebg{
background-image: none;
position: relative;
top: 0;
margin-bottom: 1rem;
width: 100%;
height: auto;
}
.side{
height: auto;
width: 100%;
text-align: center;
padding: 1rem;
}
.desc{
font-size: 16px;
}
.avatar{
width: 50%;
margin: 0 auto;
}
.container{
margin: 0;
}
.headerimg{
width: 180px;
}
.title{
font-size: 8vw;
margin: 0;
}
}

img { max-width: 100%; }
pre { overflow-x: auto; }