/* Morocco Theme: Green to Red Scroll */
* {
    background-color: transparent !important;
}

html {
    min-height: 200vh !important; 
    background: linear-gradient(to bottom, #006233 0%, #006233 30%, #c1272d 70%, #c1272d 100%) !important;
    background-attachment: fixed !important;
    margin: 0 !important;
    scroll-behavior: smooth !important;
}

body, #theme-body, .body, #main, .container {
    background: none !important;
    margin: 0 !important;
    padding: 20px !important;
    font-family: monospace !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* The Moroccan Star (Flag Icon) */
body::before {
    content: "★" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 250px !important;
    height: 150px !important;
    background: #c1272d !important;
    border: 3px solid #fff !important;
    color: #006233 !important;
    font-size: 80px !important;
    margin-top: 50px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

/* Fixed Pixel Anime Character - Right Side */
body::after {
    content: "" !important;
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    width: 150px !important;
    height: 250px !important;
    /* This is a placeholder pixel-art style character URL */
    background-image: url('https://openclipart.org/image/400px/216390') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 9999 !important;
    filter: drop-shadow(0 5px 15px rgba(0,0,0,0.5)) !important;
    pointer-events: none !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px !important;
}
::-webkit-scrollbar-track {
    background: #006233 !important;
}
::-webkit-scrollbar-thumb {
    background: #c1272d !important;
    border-radius: 5px !important;
}