:root {
      --body-bg-image: url('https://file.garden/Zq0WT36Iv3i3b1WZ/neocities/bgtiles/woodtilebg.jpg');
      --content: #663300;
    }

            @font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-Regular.ttf');
            }

            @font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-Bold.ttf');
                font-weight: bold;
            }

            @font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-Italic.ttf');
                font-style: italic;
            }

            @font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-BoldItalic.ttf');
                font-style: italic;
                font-weight: bold;
            }

            body {
                font-family: 'Nunito', sans-serif;
                margin: 0;
                background-color: #08031A;
                /* you can delete the line below if you'd prefer to not use an image */
                background-size: 65px;
                color: #fceaff;
                background-image: var(--body-bg-image);
            }

            main {
                background-color: #49342C;
                border: 2px solid #18110C;
                flex: 1;
                padding: 20px;
                order: 2;
            }
    #container {
                max-width: 600px;
                margin: 0 auto;
                margin-top: 100px;
                margin-bottom: 100px;
                /* this centers the entire page */
            }

            /* the area below is for all links on your page
    EXCEPT for the navigation */
            #container a {
                color: #FFC685;
                font-weight: bold;
                /* if you want to remove the underline
      you can add a line below here that says:
      text-decoration:none; */
            }

          #container a:hover {
            color: #FE9A37;
            text-decoration: underline;
          }

     h1,
            h2,
            h3 {
              text-align: center;  
              color: #FFE2BD;
            }

            h1 {
                font-size: 25px;
            }

            strong {
                /* this styles bold text */
                color: #FFF7ED;
            }

            p {
              text-align: center;
              color: #FFF7ED;
            }

            ul {
              color: #FFE2BD
            }