/* hallod te szarrágó, biztos hogy nem fogom azt a 9 milliárd soros geciség közepére írni azt a kurva css-t bazdmeg*/

/* Nuh uh, kénytelen leszel, együtt kell kezelni csst */

/* :3333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 */

#QuizThing,.QuizThing{
    /*background: rgba(0,0,0,0.0);/* CODE EXPLANATION */
    /*
        At first glance, this line of CSS might seem like it’s simply setting the background color of an element. But oh, it’s so much more than that! This line is the manifestation of the intersection of color theory, opacity, and the boundless possibilities of visual design. Let’s dissect this code like it's the Mona Lisa of CSS.

        background Property:
            Ah, the background property. It is the great stage where all the color, image, gradient, and positioning drama unfolds. Think of it as the theater curtain, and behind it, there's a whole world of visual magic waiting to happen. Here, we're specifically focusing on the background color, but in the future, you could easily replace this with images, gradients, or even video backgrounds (if you’re feeling adventurous). For now, it’s just the color.

        rgba(0, 0, 0, 0.0):
T           he true heart of this line. The rgba function stands for Red, Green, Blue, Alpha, where:

        0 (Red): The absence of red. It’s like someone tried to paint with all the red pigment but then realized, “Nope, let's not add any.” So the red part is a ghost.

        0 (Green): Same story. It’s the minimalism of green at its purest form, almost as though the green part of the color wheel has been completely erased.

        0 (Blue): Again, the blue sits out this entire event. No contribution. Zero.

        0.0 (Alpha): This is where the true magic happens. The alpha channel represents the opacity of the background color. With a value of 0.0, you have a fully transparent background—invisible, ethereal, like a secret whispered in the wind. Your element has no background, but it still exists in the grand universe of the DOM (Document Object Model). It's like a ghost that can be interacted with but doesn’t show up in the room.

        Why Is This the Ultimate Transparent Background?
        With this line, we’re declaring that the element's background will never be visible, no matter what. Whether it's on a white page, a colorful page, or the most vibrant gradients known to CSS-kind, the background of this element will be a perfect nothingness. Think of it like a background that is both everywhere and nowhere at the same time. It’s like the CSS equivalent of an invisible cloak.

        Practical Usage of rgba(0, 0, 0, 0.0):
        Why would anyone do this, you might ask? It could be a way to explicitly set an element's background to transparent when working with layered elements or to override previous background properties. It’s also an ideal choice for setting up futuristic UI elements, invisible buttons, or maybe just as a form of "CSS minimalism" (if that’s even a thing). You know, some designers are into that whole “invisible is the new visible” vibe. Maybe it’s to maintain the illusion of something more.
    */
    align-content: center; /*This is a confusing line, let me help you understand: */
    /*
        The Philosophical Journey of align-content: center;

        align-content Property:
        At the core of web design is the delicate art of alignment. For centuries, humans have strived to find the perfect balance, whether it's the arrangement of furniture in a room, the alignment of text on a page, or, in our case, the alignment of content within a flex container. align-content is a property that lets us determine how to position multiple flex lines (think of them as rows or columns in a multi-line flex container). This property comes into play when the content is overflowing the main axis and spills over into multiple rows/columns. It’s a hero in the fight for perfect spacing.

        center Value:
        But not just any alignment, no. We're talking about the center, the ultimate, celestial sweet spot in the universe of design. center is the alignment that brings everything together, not too far left, not too far right, but right at the very core of existence. It’s the equilibrium, the zenith of harmony between the elements. Your flex lines now align themselves as if the universe is telling them, "This is your true place." Picture it: all of your content—competing for attention—has found peace, and they’ve chosen the middle as their sanctuary.

        How align-content: center; Actually Works:
        It’s not about aligning the content within an individual flex item (that’s align-items), no. This is about the whole flex container. So, when the items inside are not filling the entire container (perhaps they're comfortably spread out or there’s some space left over), this property steps in to distribute those empty spaces equally above and below the content, ensuring the entire group of flex lines is centered in the middle. It's like a group of people at a concert, and suddenly, everyone moves to the middle to share the best view of the stage. The crowd—err, the content—is now aligned, peacefully gathered at the center, like a flock of birds flying in perfect formation.

        The Hidden Power of align-content: center;:
        You may wonder, "Why would I need this if I’m only working with a single row of content?" The beauty is that this property shines when there’s extra space. It’s the unseen force that makes a cluttered page feel organized and spacious, even if you're just working with a bunch of buttons or images. With align-content: center;, your content will be perfectly aligned on the vertical axis, no matter how many lines or rows are involved. It's like the design version of putting your shoes in perfect pairs, side by side, with equal space in between. Everything is orderly, balanced, aligned—pure CSS nirvana.

        When You Use align-content: center;:
        This property isn’t for every day, everyday use. It’s the special secret weapon for those moments when you have enough content to fill multiple rows or columns, but you want to bring it together in a way that doesn’t make it feel too crammed at the top or bottom. You’re curating a visual masterpiece, and this is the flourish. You might see it in action when you’re working with a gallery, a set of buttons, or grids of varying sizes. The content isn’t just “there.” It’s centered, basking in the glory of equal spacing, floating in the middle of its container like the calm center of a storm.
    */
    text-align: center; /*if you dont have a phd, i'll explain it for you, fo free*/
    /*
        The Cosmic Balance of text-align: center;

        text-align Property:
        Ah, the text-align property. The quiet maestro of text positioning. The one that ensures your words don’t wander aimlessly across the screen, lost in a world of uncoordinated chaos. It brings order to the universe of typography. The great power of text-align isn’t just about how it looks—it’s about how it feels. When you set text alignment, you’re not just telling the browser where to place text, you’re invoking a philosophy. A declaration that text, too, can have purpose. Can be organized. Can be calm.

        center Value:
        And then, we arrive at the central, most revered form of alignment: center. But this is not just any alignment—it’s the alignment of balance. The kind of alignment that brings all the scattered words on your page into a perfect state of equilibrium. Your text is no longer wandering like an aimless nomad on the left, nor being pushed into a lonely corner on the right. No, it is centered, both vertically and horizontally in its perfect space. It has arrived at its true home, surrounded by symmetry, poised at the very center of the container, like a sun in the center of its solar system. This is text at its most powerful, sitting serenely in the middle of everything.

        How text-align: center; Actually Works:
        The magic here is simple, but profound. When applied, it affects the inline content (like text, inline-blocks, and inline elements) within the block-level container. It doesn’t change the position of the entire container; no, that would be too chaotic. It simply shifts the content inside to the middle, turning every word, every character into a perfectly aligned, symmetrical arrangement. The text is no longer bound to the left side of the screen like some kind of rebel. It is no longer pushed into the far corners like a forgotten relic. It is in the middle, exactly where it belongs.

        Think of it as the metaphorical equivalent of an artist placing the final touch on a masterpiece, standing back, and saying, “Yes, this is where it was always meant to be.”

        When You Use text-align: center;:
        When does one call upon the mighty power of text-align: center;? This property is typically summoned when you want your text to stand out. It’s used in headers, titles, buttons, and any time you want your content to grab attention, with a sense of poise and confidence. Centering text gives it the gravitas it deserves, as if to say, "I’m not just any text. I’m centered text, and I demand your attention." Whether you’re designing a heading for an article, or placing a subtle button in the middle of a screen, the central alignment commands respect. It says, "This is the focal point, the heartbeat of the page."

        The Hidden Virtue of text-align: center;:
        You might wonder, "It’s just text. How hard can it be to place it in the middle?" But herein lies the brilliance of text-align: center;. It’s not about just centering the words themselves, it’s about ensuring balance in the layout. When done correctly, it gives the design a sense of calm symmetry, where nothing is off-kilter. It’s the visual equivalent of hitting the perfect note on a piano—a sound so pleasing that everything else fades into the background. It’s not just about appearance, it’s about the feel of your design. It’s a gentle reminder that even in the chaos of web design, there can be peace, there can be balance.
    */
}

/* 
    ngl i kind of hate niggers :3
*/

/* plz ide írd a quiz-val kapcsolatos szarokat, mert ha meglátok még1 1500 soros css-t akkor lesz ám itt hadd el hadd*/

/* A Bálintak a kibebaszott vérerespicsájú geciszívó zsidó kurva anyját*/

select{ /* Tehát a select az egyetlen dolog amit tudtam megváltoztatni, marginnal, az a select volt */
    margin-bottom: 4%;
    /*
        Amúgy a középső ujj trágár jelentése onnan ered hogy:
        Angliában a háborúk során amikor íjászokat fogtak el, akkor levágták a középső ujjukat, mert azzal céluztak vagy valami.
        Ezért azok a íjászok akik megszabadultak, a középső ujjukkat mutogatták, és bőszítették ezzel az ellenségüket 
    */
}