/* The following CSS applies on all screen sizes */
            @font-face {
                font-family: "Minecraft Header";
                src: url("https://file.garden/ZoMEF_reXgpHHpnb/fonts/MinecraftTen-VGORe.ttf");
            }
            @font-face {
                font-family: "Minecraft";
                src: url("https://file.garden/ZoMEF_reXgpHHpnb/fonts/Minecraft.ttf");
            }
            /* Colors and fonts */
            :root {
                /* Fonts */
                --bodyfont: Minecraft;
                --headerfont: Minecraft Header, serif;

                /* Main colors */
                --color: #f6f6f6;
                --block: url(https://file.garden/ZoMEF_reXgpHHpnb/theme_assets/minecraft/Dirt_background_BE1.jpg); /* Background color for the grid blocks in the content */

                --link: #9ca9e8;
                --linkhover: #bd89d9;

                --h1: #ffffff;
                --h2: #ffffff;
                --h3: #ffffff;
                --h4: #ffffff;

                /* Sidebar colors */
                --sidebar: url(https://wallpapercave.com/wp/wp13375296.jpg);
                --sidebarcolor: #ffffff;
                --title: #1b1b1b;
                --sidebarlink: #b3bce7;
                --sidebarlinkhover: #bd89d9;

                /* Menu colors */
                --menubg: #2c1a30;
                --menucolor: #e0aee2;
                --menubghover: #e0aee2;
                --menucolorhover: #2c1a30;
            }

            * {
                margin: 0;
                padding: 0;
            }

            /* Main body styling */
            body {
                background-image: url(https://i.pinimg.com/originals/6d/1d/39/6d1d39e6fa48dcd208f1b3c8516d0487.gif);
                background-size: cover;
                background-attachment: fixed;
                font: 1rem sans-serif;
                color: var(--color);
            }

            /* Sidebar styling */

            #sidebar-content {
                text-align: center;
                background: var(--sidebar);
                color: var(--sidebarcolor);
                padding: 10px;
                border: outset;
                border-color: black;
            }

            #sidebar-content header {
                color: var(--title);
                font: 1.8em var(--headerfont);
                margin: 8px;
            }

            #sidebar-content p a {
                color: var(--sidebarlink);
                transition: 0.5s ease;
            }

            #sidebar-content p a:hover {
                color: var(--sidebarlinkhover);
                transition: 0.5s ease;
            }

            .icon img {
                filter: drop-shadow(2px 2px 2px #000000);
                max-width: 154px; /* This can be changed to make the icon smaller; you might have to mess with the border radius too */
            }
blockquote{
    border-left: solid;
    border-left-color:#ffaa00;
    background-color:rgba(255, 255, 255, 0.17);
    font-family: minecraft;
    padding:0px 0px 0px 20px;
    border-radius: 10px;
}

            /* Minecraft Text Colors*/
            .mark-green {
                background-color: rgba(0, 0, 0, 0);
                color: #55ff55;
                margin-left:5px;
                margin-right:5px;
            }
            .mark-blue {
                background-color: rgba(0, 0, 0, 0);
                color: #5555ff;
            }
            .mark-red {
                background-color: rgba(0, 0, 0, 0);
                color: #ff5555;
            }
            .mark-purple {
                background-color: rgba(0, 0, 0, 0);
                color: #ff55ff;
            }
            .mark-aqua {
                background-color: rgba(0, 0, 0, 0);
                color: #55ffff;
            }
            .mark-yellow {
                background-color: rgba(0, 0, 0, 0);
                color: #ffff55;
            }
            .mark-gold {
                background-color: rgba(0, 0, 0, 0);
                color: #ffaa00;
            }

            /* Styling for the menu */
            #main-menu {
                font: 1.1em var(--headerfont);
                width: 100%;
            }
            #main-menu li a {
                text-decoration: none;
                font-family: minecraft header;
                color: #ffffff;
                text-decoration: none;
                border-bottom: none;
            }

            #main-menu ul {
                list-style: none;
            }

            #main-menu li


/* Content styling */

main {
                margin-top: 10px;
            }

            /* Styling for blocks */

            main section,
            #main-footer {
                padding: 15px;
                background: var(--block);
                image-rendering: pixelated;
                border: outset;
                border-color: #110a02;
                margin-bottom: 10px;
            }

            main h1 {
                font: 1.8em var(--headerfont);
                color: var(--h1);
            }

            main h2 {
                font: 1.5em var(--headerfont);
                color: var(--h2);
            }

            main h3 {
                font: 1.3em var(--headerfont);
                color: var(--h3);
            }

            main h4 {
                font: 1em var(--headerfont);
                font-style: italic;
                color: var(--h4);
            }

            p {
                line-height: 1.5;
                margin: 10px 0 10px 0;
                font-family: Minecraft;
            }

            main a {
                color: var(--link);
                transition: 0.5s ease;
            }

            main a:hover,
            main a:focus {
                color: var(--linkhover);
                transition: 0.5s ease;
            }

            main ul {
                list-style-position: outside;
                margin-left: 25px;
                font-family: minecraft;
            }

            main ul li {
                line-height: 1.5;
            }

            main img {
                max-width: 100%;
            }

            main input,
            select {
                background: url("https://file.garden/ZoMEF_reXgpHHpnb/theme_assets/minecraft/minecraft-button.jpeg");
                background-size: cover;
                color: var(--color);
                font: 1rem var(--bodyfont);
                border: 3px solid;
                border-color: black;
                padding: 8px;
                margin: 2px;
            }
            .minecraft-button {
                background: url("https://file.garden/ZoMEF_reXgpHHpnb/theme_assets/minecraft/minecraft-button.jpeg");
                background-size: cover;
                color: var(--color);
                font: 1rem var(--bodyfont);
                border: 3px solid;
                border-color: black;
                padding: 8px;
                margin: 2px;
            }
            .minecraft-button:hover {
                background: url("https://file.garden/ZoMEF_reXgpHHpnb/theme_assets/minecraft/minecraft-button.jpeg");
                background-size: cover;
                color: var(--color);
                font: 1rem var(--bodyfont);
                border: 3px solid;
                border-color: white;
                padding: 8px;
                margin: 2px;
            }
            .minecraft-button:active,
            .minecraft-button:focus {
                background: url(https://file.garden/ZoMEF_reXgpHHpnb/theme_assets/minecraft-button-select.jpeg);
                background-size: cover;
                border: 3px solid;
                border-color: #ffffff;
                color: #ffffb0;
            }
            textarea {
                background-color: black;
                color: #a4a4a4;
                font: 1rem var(--bodyfont);
                border: 3px solid;
                border-color: #a4a4a4;
                padding: 8px;
                margin: 2px;
            }

            #main-footer {
                text-align: center;
            }

            .gallery {
                max-width: 100%;
                display: inline-flex;
            }
.gallerycontainer{
    max-height:22em;
    overflow: scroll;
}

            /* The following CSS ONLY applies to mobile/small screens */

            /* Container styling */
            #container {
                width: calc(100% - 20px);
                padding: 10px;
                margin-top: 10px;
            }

            #sidebar-content {
                width: calc(100% - 20px);
            }

            #main-menu li {
                margin-bottom: 15px;
                display: inline-block;
            }

            /* Skip to content button */

            #skip a {
                position: absolute;
                display: inline-block;
                left: 0px;
                top: -1000px;
                overflow: hidden;
                transition: top 0.5s ease;
                background: url("https://file.garden/ZoMEF_reXgpHHpnb/theme_assets/minecraft/minecraft-button.jpeg");
                color: var(--link);
                z-index: 1000;
                padding: 5px;
                border: outset;
                border-color: black;
            }

            #skip a:focus {
                top: 0;
                transition: top 0.5s ease;
            }

            /* The following CSS ONLY applies to desktop/big screens */

            @media screen and (min-width: 800px) {
                #container {
                    max-width: 950px;
                    width: 90%;
                    margin: 25px auto;
                    display: flex;
                    gap: 20px;
                }

                #sidebar {
                    flex: 1 1 calc(25% - 20px);
                    margin-top: 10px;
                }

                /* Remove or comment out this block if you don't want a sticky sidebar */
                #sidebar-content {
                    position: sticky;
                    top: 10px;
                }

                /* Make menu links into a column */

                #main-menu li {
                    display: block;
                    margin: 3px;
                }

                #main-menu li a {
                    display: block;
                }

                main {
                    flex: 1 1 calc(75% - 30px);
                    display: flex;
                    flex-wrap: wrap;
                    gap: 10px;
                }

                main section {
                    margin: 0;
                }

                #main-footer {
                    flex: 1 1 calc(100% - 40px);
                }

                /* Defining grid blocks */

                .full {
                    flex: 1 1 calc(100% - 40px);
                }
                .half {
                    flex: 1 1 calc(50% - 40px);
                }
                .third {
                    flex: 1 1 calc(33% - 40px);
                }
                .twothird {
                    flex: 1 1 calc(66% - 40px);
                }
                .quarter {
                    flex: 1 1 calc(25% - 40px);
                }
                .threequarter {
                    flex: 1 1 calc(75% - 40px);
                }
            }