// Custom variables
$primary: #0057b8; // Company blue
$secondary: #ffd700; // Accent yellow

// Import Bootstrap
@import "~bootstrap/scss/bootstrap";

// Custom styles
.hero {
    padding: 6rem 0 4rem;
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), 
                url('https://images.unsplash.com/photo-1605153864431-9b7f0a61960e?auto=format&fit=crop&w=1200&h=800') center/cover;
}

.card {
    transition: transform 0.3s ease;
    border: none;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    
    &:hover {
        transform: translateY(-5px);
    }
    
    img {
        height: 200px;
        object-fit: cover;
    }
}

.navbar {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

#projects img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.contact-info {
    background: rgba(255,255,255,0.1);
    padding: 2rem;
    border-radius: 8px;
}

.footer {
    background-color: #343a40;
    color: #ffffff;
    padding: 1rem 0;
    text-align: center;
}

.footer a {
    color: #ffd700;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}