/* Styles extracted from inline attributes */

/* list reset with no bullets */
.no-bullet,
.list-padding-zero {
    list-style: none;
    padding-left: 0;
}

/* hero background variations */
.hero-home-bg {
    background-image: linear-gradient(rgba(5, 10, 20, 0.7), var(--bg-color)),
        url('https://images.unsplash.com/photo-1446776811953-b23d57bd21aa?q=80&w=2072&auto=format&fit=crop');
}

.hero-eng-bg {
    background-image: linear-gradient(rgba(5, 10, 20, 0.7), var(--bg-color)),
        url('https://images.unsplash.com/photo-1541873676-a18131494184?q=80&w=2036&auto=format&fit=crop');
}

.hero-visions-bg {
    background-image: linear-gradient(rgba(5, 10, 20, 0.8), var(--bg-color)),
        url('https://images.unsplash.com/photo-1462331940025-496dfbfc7564?q=80&w=2022&auto=format&fit=crop');
}

.hero-about-bg {
    height: 50vh;
    background-image: linear-gradient(rgba(5, 10, 20, 0.7), var(--bg-color)),
        url('https://images.unsplash.com/photo-1541873676-a18131494184?q=80&w=2036&auto=format&fit=crop');
}

/* miscellaneous layout helpers */
.info-padding-top {
    padding-top: 120px;
}

.section-min-height {
    min-height: 80vh;
}

.heading-center-margin {
    text-align: center;
    margin-bottom: 3rem;
}

.li-border {
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 1rem;
}

.card-margin-top {
    margin-top: 3rem;
}

.form-flex {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 600px;
}

.form-input {
    padding: 1rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid var(--text-secondary);
    color: white;
    border-radius: 4px;
}

.center-button {
    text-align: center;
    margin-top: var(--spacing-lg);
}

.hero-subtext {
    font-size: 1.1rem;
    margin-top: 1rem;
}

.profile-circle {
    margin-top: 2rem;
    width: 200px;
    height: 200px;
    background: #eee;
    border-radius: 50%;
    margin: 2rem auto;
    overflow: hidden;
}

.profile-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* card with left border used on need page */
.border-left-accent {
    border-left: 5px solid var(--accent-secondary);
}