The "text-indent" property in CSS is used to adjust the indentation of the first line of a block of text. It specifies the amount by which the first line of a block-level element should be indented from the left margin.

To align all items both vertically and horizontally in a Flexbox container, you can use justify-content: center to center items horizontally and align-items: center to center them vertically. This combination ensures that items are centered in the container along both axes.

The animation-delay property is used to control the time between the end of one animation iteration and the start of the next. It specifies a delay before the animation begins and can be helpful for creating timed animations and controlling their sequence.

To set a global color scheme for a website using CSS variables, it's best to define these custom properties in an external CSS file. This allows you to centralize your variable definitions, making it easier to maintain and update the color scheme across your entire website. While you can define CSS variables in other places like the HTML section or inline CSS for specific elements, it's not as efficient or maintainable for global color schemes.

The @import directive in SCSS is used to import external CSS files into your SCSS code. It's a way to modularize your styles and manage them in separate files, promoting better organization and maintainability.

To achieve this layout, you should apply grid-row: span 2 to the middle image. This CSS rule will make the middle image span two rows, making it twice as large as the other images in the row.

Inside the @font-face rule, the "src" attribute is used to specify the font file's source location. This attribute tells the browser where to find and load the font file, allowing you to use custom fonts in your web design. It typically points to the location of a font file using a URL or local file path.

To specify a fallback font in case the primary font fails to load, you can use the "font-family" property with multiple font options. You list the preferred font first and then provide alternatives separated by commas. If the primary font is unavailable, the browser will attempt to use the next font in the list until it finds a suitable option or defaults to a system font.

To reverse the order of flex items, you can use the CSS order property with a negative value. This property allows you to control the visual order of the flex items without changing their actual HTML order.

The CSS property used to clip an element to a basic shape like a circle or ellipse is clip-path. This property allows you to define a clipping path that restricts the visible area of an element to the specified shape. It's commonly used for creating non-rectangular shapes. border-radius is used to round the corners of elements, not for clipping.

To style only the first list item of an unordered list in CSS, you should use the ul li:first-child selector. This targets the first li element within a ul element. It's important to note that :first-child targets the first child of its parent, not the first of its type.

To target the last list item in an unordered list, you should use the :last-child pseudo-class. This will select the last child element of its parent, which in this case is the last list item in the unordered list.