body {
                color: #FFF3C5;
                font-family: "Pixelify Sans", sans-serif;
               }
               

.pixelify-sans-<uniquifier> {
              font-family: "Pixelify Sans", sans-serif;
              font-optical-sizing: auto;
              font-weight: 400;
              font-style: normal;
}

               
a {
                color: #efe62e;
               }        

.sidebar {
                margin: auto;
                margin-top: 0px;
                padding: 0px;
                width: 200px;
                background-color: #35398A;
                position: fixed;
                height: 500px;
                overflow: auto;
                border-radius: 10px;
                border: 2px solid #1C1E4A;
               }

               
.sidebar a {
                display: block;
                color: #FFF3C5;
                padding: 16px;
                text-decoration: none;
               }
               
/* this highlights the section you're visiting. */
.sidebar a.active {
                background-color: #272A68;
                color: #EEE3b7;
               }
               
               
/* this changes link color when you hover. */
.sidebar a:hover:not(.active) {
                background-color: #30347A;
                color: #EEE3B7;
                }

div.content {
                margin-left: 200px;
                padding: 1px 16px;
                height: 1000px;
                }


               
.container {
                background-color: #383D94;
                border: 2px solid #1C1E4A;
                display: block;
                max-width: 1000px;
                padding: 10px;
                margin-left: 220px;
                margin-top: 30px;
                border-radius: 10px;
               }