@import url(modules/module_default.css);
@import url(modules/module_header.css);
@import url(modules/module_section.css);
@import url(modules/module_formular.css);
@import url(modules/module_footer.css);

main
{
    padding: 5rem 10%;
    margin-top: 10rem;
}

    main h2
    {
        font-size: 4.5rem;
        margin-bottom: 2rem;
        font-weight: 900;
        text-transform: uppercase;
    }

        main h2 span.small
        {
            font-size: 1.5rem;
            display: block;
            margin-bottom: 0.5rem;
            color: var(--color-text-secondary);
        }

        main h2 span.accent
        {
            color: var(--color-accent-primary);
        }

        .error
        {
            color: #fa7474;
            font-size: 0.7rem;
            position: absolute;
            top: -0.25rem;
            right: 0;
        }

        .fullscreen.hidden
        {
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

        .fullscreen
        {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            color: white;
            font-size: 2rem;
            z-index: 1000;
            backdrop-filter: blur(5px);
            gap: 2rem;
            text-align: center;
        }

            .fullscreen img.icon
            {
                width: 100px;
                height: 100px;
            }