body{
            background-image: url("/Pictures/pool.jpg");
            background-size: 100vw 100vh;
            display: flex;
            justify-content: center;
        }

/* flex containers */

        #fullpageflex{
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          width: 1920px;
          height: 935px;
        }

        #sidecontainer{
          display: flex;
          align-self: center;
          width: 350px;
          height: 780px;
          margin: 10px;
        }

        #maincontainer{
          display: flex;
          flex-wrap: nowrap;
          align-self: center;
          width: 900px;
          height: 780px;
        }
        

/* left sidebar */

/* central container */

        main{
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start;
          align-items: flex-start;
          gap: 0px;
          height: inherit;
        }

        .middlecontent{
          background: url("/Pictures/CircuitBending/cb15.webp");
          background-size: cover;
          height: 711px;
          max-height: 711px;
          width: 851px;
          border: 1px solid black;
          font-size: 16px;
          font-family: Max Diary;
          padding: 10px;
          margin-top: -1px;
          overflow-y: auto;
          overflow-x: hidden;
        }
        
        .contentbox{
          align-self: center;
          width: 830px;
          height: fit-content;
          margin: 25px;
        }

        .headerbar{
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          align-self: center;
          align-content: center;
          width: 830px;
          height: 120px;
          background-color: rgba(255, 245, 232, 0.397);
          border: 1px solid white;
          border-radius: 25px;
          margin-bottom: 15px;
          font-family: artpost;
          color: white;
        }

/* right sidebar */



        @font-face {
          font-family : Sean Diary;
          src : url("/Fonts/Keveat Sandaalit Bold.otf")
        }
        @font-face {
          font-family : Life Is Strange;
          src : url("/Fonts/Whatnot Regular.ttf")
        }
        @font-face {
          font-family : Max Diary;
          src : url("/Fonts/Dudu\ Calligraphy.ttf")
        }
        @font-face {
          font-family: Club Penguin;
          src: url("/Fonts/Club\ Penguin.ttf");
        }

        @font-face {
          font-family: club;
          src: url("/Fonts/BumbastikaImproved.otf");
        }
        @font-face {
          font-family: artpostblack;
          src: url("/Fonts/Art Post black.ttf");
        }
        @font-face {
          font-family: artpost;
          src: url("/Fonts/Art Post.ttf");
        }
        @font-face {
          font-family: berky;
          src: url("/Fonts/BERKY.ttf");
        }
        @font-face {
          font-family: bespoke;
          src: url("/Fonts/Bespoke.otf");
        }
        @font-face {
          font-family: damsterdam;
          src: url("/Fonts/Damsterdam.ttf");
        }
        @font-face {
          font-family: deliciouswould;
          src: url("/Fonts/DeliciousWould.ttf");
        }
        @font-face {
          font-family: fettecke;
          src: url("/Fonts/Fettecke.ttf");
        }
        @font-face {
          font-family: glass;
          src: url("/Fonts/Glass.ttf");
        }
        @font-face {
          font-family: linographer;
          src: url("/Fonts/Linographer.ttf");
        }
        @font-face {
          font-family: polish;
          src: url("/Fonts/Polish Posterisation.ttf");
        }
        @font-face {
          font-family: swirl;
          src: url("/Fonts/SwirlInsertion.ttf");
        }

        @font-face {
          font-family: improbable;
          src: url("/Fonts/Improbable.ttf");
        }

        @font-face {
          font-family: dave;
          src: url("/Fonts/Dave Gridder.ttf");
        }

        @font-face {
          font-family: greek;
          src: url("/Fonts/GreekTragedy.ttf");
        }

        @font-face {
          font-family: pursue;
          src: url("/Fonts/Pursue.ttf");
        }