:root
{
  --header-image:url('https://i.pinimg.com/1200x/2a/b7/d4/2ab7d413230af01e379488186e03a2fe.jpg');
--body-bg-image:url('https://sadhost.neocities.org/images/tiles/anistars.gif');
--content:#4B4B87
}

@font-face{font-family:Indfait;src:url(https://catstellation.neocities.org/fonts/INDFAIT_.TTF)}
body{font-family:Indfait,sans-serif;
margin:0;
background-color:#413f70;
background-size:60px;
color:#cb89ea;
background-image:url(https://sadhost.neocities.org/images/tiles/anistars.gif)}

*{box-sizing:border-box}

#container
{max-width:1200px;
margin:0 auto}

#container a
{color:#ad4eb7;
font-weight:700}

#header
{width:100%;
background-color:#5e4e8c;
height:200px;
background-image:url(https://i.pinimg.com/1200x/2a/b7/d4/2ab7d413230af01e379488186e03a2fe.jpg);
background-size:100%}

#navbar
{height:40px;
background-color:#13092d;
width:100%}

#navbar ul
{display:flex;
padding:0;
margin:0;
list-style-type:none;
justify-content:space-evenly}

#navbar li
{padding-top:10px}

#navbar li a
{color:#cb89ea;
font-weight:800;
text-decoration:none}

#navbar li a:hover
{color:#a49cba;
text-decoration:underline}

#flex
{display:flex}

aside
{background-color:#241445;
width:200px;
padding:20px;
font-size:smaller}

main
{background-color:#43256e;
flex:1;
padding:20px;
order:2}

* #leftSidebar
{order:1}
h1,h2,h3
{color:#ee4b9a}
h1
{font-size:25px}
strong
{color:#ee4b9a}
.box
{background-color:#13092d;
border:1px solid #ae4cb9;
padding:10px}
    

@media only screen and (max-width:600px)
{#flex{flex-wrap:wrap}

aside
{width:100%}
main{order:1}

#leftSidebar
{order:2}

#navbar ul
{flex-wrap:wrap}}