.fancyheader-bg {
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    border: 0px solid red !important;
    margin: 0px !important;
    &:before, &:after {
        display: none;
    }
}
.footer {
    margin: 0px !important;
}

.fancyheader-content {
    min-height: 100%;
    max-height: 100%;
    display: flex;
    height: 100%;

    .center {
        display: flex;
        flex-direction: column;
        h1 {
            margin-top: 70px;
            margin-bottom: 12px;
        }
        align-items: flex-start;
        .link-section {
            margin-bottom: 24px;
            h3 {
                font-size: 48px;
                margin-bottom: 5px;
                color: var(--brand-accent);
                text-transform: uppercase;
                font-weight: 100;
            }
        }
        .links {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            max-width: 1200px;
        }
        a {
            display: flex;
            align-items: center;
            gap: 20px;
            min-width: 240px;
            padding: 20px;
            font-size: 24px;
            i {
                font-size: 32px;
            }
            p {
                font-weight: 900;
            }
            background: #000;
            outline: 1px solid #111;
            border-left: 10px solid var(--brand-accent);
            position: relative;
            &:before {
                content: "";
                width: 0px;
                height: 100%;
                background: var(--brand-accent);
                position: absolute;
                left: 0;
                transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
            }
            &:hover {
                &:before {
                    width: 100%;
                }
                color: #000;
            }
            > * {
                transition: color 0.2s ease;
                z-index: 9;
            }
        }
    }
}

/*# sourceMappingURL=links.css.map*/