body {
    font-family: Arial, sans-serif;
}

.hero {
    background: url ('american-public-power-association-znytbxrOv_4-unsplash.jpg') no-repeat center center/cover;
    height: 100vh;
}

.hero h1 {
    font-size: 3rem;
    font-weight: bold;
}

.hero p {
    font-size: 1.5rem;
}

.card {
    transition: transform 0.3s;
}

.card:hover {
    transform: translateY(-10px);
}

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

footer {
    position: relative;
    bottom: 0;
    width: 100%;
}