.navbar {
    height: 60px;
}

.hero-image-sm {
    width: 35px;
    height: 35px;
    object-fit: cover;
}

.hero-image {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border: 4px solid #ff69b4;
}

.hero-section {
    min-height: calc(100vh - 60px);
    background: linear-gradient(to bottom, #1a1a1b 0%, #351c2c 100%);
}

:root {
    --bs-primary: #ff69b4;
    --bs-primary-rgb: 255, 105, 180;
    --bs-link-color: #ff69b4;
    --bs-link-hover-color: #ff1493;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #ff1493;
    --bs-btn-hover-border-color: #ff1493;
    --bs-btn-active-bg: #851f52;
    --bs-btn-active-border-color: #851f52;
}

.btn-outline-primary {
    --bs-btn-color: #000;
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #ff1493;
    --bs-btn-hover-border-color: #ff1493;
    --bs-btn-active-bg: #851f52;
    --bs-btn-active-border-color: #851f52;
}