/* styles.css */
body, html {
margin: 0;
padding: 0;
height: 100%;
font-family: Arial, sans-serif;
}

body {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url(‘background.jpg’) no-repeat center center fixed;
background-size: cover;
color: white;
}

.logo {
position: fixed;
top: 10px;
left: 10px;
z-index: 1000;
}

.logo img {
width: 100px;
height: auto;
}

.content {
padding: 20px;
margin-top: 120px; /* To ensure content doesn’t hide behind the fixed logo */
}

h1 {
margin: 0 0 20px;
}

p {
margin: 0 0 10px;
}