:root {
--content: #43256E;
}

@font-face {
font-family: Trebuchet MS;;
}

@font-face {
font-family: Trebuchet MS;;
font-weight: bold;
}

 @font-face {
font-family: Trebuchet MS;;
font-style: italic;
}

@font-face {
font-family: Trebuchet MS;;
font-style: italic;
font-weight: bold;
}

body {
font-family: Trebuchet MS, sans-serif;
margin: 0;
background-color: black;
background-size: 65px;
color: #fceaff;
}

* {
box-sizing: border-box;
}

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

#container a {
color: blue;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
     
#flex {
display: flex;
}
aside {
background-color: black;
width: 250px;
padding: 20px;
font-size: smaller;
text-align: left;
vertical-align: middle;
}

main {
background-color: black;
flex: 1;
padding: 20px;
order: 2;
}

h1,
h2,
h3,
h4,
h5 {
color: #0041C2;
}

h1 {
font-size: 25px;
}

strong {
color: #ED64F5;
}

.box {
background-color: black;
border: 2px solid red;
padding: 10px;
}

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

aside {
width: 100%;
}

#navbar ul {
flex-wrap: wrap;
}
}