/* Figma Styles of your File */
:root {
    /* Colors */
    --wire: linear-gradient(-77.29deg, rgba(0, 0, 0, 0) 0%, rgba(13, 12, 12, 1) 44.86416280269623%),
        linear-gradient(98.68deg, rgba(0, 0, 0, 0) 0%, rgba(13, 12, 12, 1) 44.86416280269623%),
        linear-gradient(180deg, rgba(51, 45, 44, 1) 0%, rgba(51, 45, 44, 0) 100%);
    --bg-grey-cultured: linear-gradient(to left, #0d0c0c, #0d0c0c);

    /* Fonts */
    --quote-font-family: Poly-Italic, sans-serif;
    --quote-font-size: 20px;
    --quote-line-height: 100%;
    --quote-font-weight: 400;
    --quote-font-style: italic;

    /* Effects */
    --glow-box-shadow: 0px 0px 20px 0px rgba(209, 231, 224, 1);
    --redglow-box-shadow: 0px 0px 24px 0px rgba(116, 30, 32, 1), 0px 0px 20px 0px rgba(116, 30, 32, 1);
    --blackglow-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 1);
    --buttunshadow-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.25);
    --redneonglow-box-shadow: 0px 0px 20px 0px rgba(255, 13, 0, 1);
    --blueneonglow-box-shadow: 0px 0px 20px 0px rgba(0, 255, 240, 1);
    --innershadow-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    --redneonglow2-box-shadow: 0px 0px 20px 0px rgba(116, 30, 32, 1), inset 0px 0px 1px 0px rgba(0, 0, 0, 1);
    --dropshadow-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);

    /* COLOR NEUTRAL */
    --text-100: #f3eed9;
    --text-200: #d1e7e0;
    --text-invers-100: #2f4858;
    --text-invers-200: #741e20;
    --primary-100: #741e20;
    --primary-200: #ad514c;
    --bg-100: #0d0c0c;
    --bg-200: #332d2c;
    --neutral-white: #ffffff;
    --text-300: #625755;
    --bg-300: #eceaea;
    --text-invers-150: #6d97b0;

    --vertical-default-margin: 3rem;
    --small-max-width: 1296px;
    --normal-max-width: 1776px;
    --horizontal-default-margin: 1.2rem;
}