
        <style>
           
            @font-face {font-family: 'ClassicXtraRound', sans-serif; src: url('https://corpsegirlswebsite.neocities.org/font/ClassicXtraRound-Medium.ttf'); format('ttf')}
            @font-face {font-family: 'ClassicXtraRound1', sans-serif; src: url('https://corpsegirlswebsite.neocities.org/font/ClassicXtraRound-Bold.ttf'); font-weight: bold; format('ttf')}
            @font-face {font-family: 'ClassicXtraRound2', sans-serif; src: url('https://corpsegirlswebsite.neocities.org/font/ClassicXtraRound-MediumIt.ttf'); font-style: italic; format('ttf')}
            
            body {font-family: 'ClassicXtraRound', margin: 0; background-color: #000000; background-size: cover; color: #FFFFFF; background-image: var(--body-bg-image); background-attachment: fixed; background-position: center;}
            * {box-sizing: border-box;}
            .wrap {float: right; margin: 5px;}

            #container {max-width: 750px; margin: 0 auto;}
            #container a {color: #b30f04; font-weight: bold;}
            #header {width: 100%; background-color: #5e4e8c; height: 150px; background-image: var(--header-image); background-size: 100%;}
            #flex {display: flex;}
            main {background-color: #000000; flex: 1; padding: 20px; order: 2;}

            /* order */

            */ #leftSidebar {order: 1;}
               #rightSidebar {order: 3;}

            h1 {font-size: 25px; margin-top: 0px; margin-bottom: 10px; font-family: 'ClassicXtraRound'; color: #7B69A5;}
            h2 {font-size: 25px; margin-top: 0px; margin-bottom: 10px; font-family: 'ClassicXtraRound'; color: #FFFFFF;}
            h3 {font-size: 25px; margin-top: 0px; margin-bottom: 10px; font-family: 'ClassicXtraRound'; color: #FF0000;}
            strong {font-family: 'ClassicXtraRound1'; color: #7B69A5;}
            italic {font-family: 'ClassicXtraRound2'; color: #7B69A5;}
            strong-italic {font-family: 'ClassicXtraRound2'; color: #FF0000;}

            
            /* CSS for extras */

            #topBar {width: 100%; height: 30px; padding: 10px; font-size: smaller; background-color: #13092D;}
            footer {background-color: #FFFFFF; width: 100%; height: 40px; padding: 10px; text-align: center;}
            .box {background-color: #43256E; border: 2px solid #F42571; padding: 20px;}   
            summary::marker {color: #b30f04;font-size: 1.2em;}
            
           /* MEDIA QUERY */

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

          /* order */
                
            main {order: 2;}
                #leftSidebar {order: 1;}
                #navbar ul {flex-wrap: wrap;}
                
</style>