css
/* General styles */
body {
 font-family: Arial, sans-serif;
 margin: 0;
 padding: 0;
}

.container {
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 20px;
}

/* Header styles */
header {
 background-color: #222;
 color: #fff;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: center;
 padding: 20px;
}

.logo {
 font-size: 30px;
 font-weight: bold;
}

nav ul {
 list-style: none;
 display: flex;
 flex-direction: row;
 margin: 0;
 padding: 0;
}

nav ul li {
 margin: 0 10px;
}

nav ul li a {
 color: #fff;
 text-decoration: none;
}

/* Hero section styles */
.hero {
 background-image: url("https://picsum.photos/1600/900");
 background-size: cover;
 background-position: center;
 height: 500px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.hero-content {
 text-align: center;
}

.hero h1 {
 font-size: 60px;
 margin: 0;
}

.hero p {
 font-size: 24px;
 margin: 20px 0;
}

.btn {
 display: inline-block;
 background-color: #333;
 color: #fff;
 padding: 10px 20px;
 border-radius: 5px;
 text-decoration: none;
}

/* Features section styles */
.features {
 background-color: #f1f1f1;
 padding: 50px 0;
}

.features h2 {
 text-align: center;
 margin-bottom: 50px;
}

.feature-item {
 display: flex;
 flex-direction: column;
 align-items: center;
 text-align: center;
 margin: 0 20px;
}

.feature-item i {
 font-size: 40px;
 margin-bottom: 20px;
}

.feature-item h3 {
 font-size: 24px;
 margin: 0;
}

.feature-item p {
 font-size: 16px;
 margin: 20px 0;
}

/* Footer section styles */
footer {
 background-color: #333;
 color: #fff;
 padding: 50px 0;
}

.social-links {
 display: flex;
 flex-direction: row;
 justify-content: center;
 margin: 20px 0;
}

.social-links a {
 margin: 0 10px;
 color: #fff;
 text-decoration: none;
}

.social-links a i {
 font-size: 24px;
}

footer p {
 text-align: center;
 margin: 0;
}
```