Ã¢ÂÂ/* ÃÂªÃÂºÃÂÃÂÃÂ± ÃÂÃÂÃÂ ÃÂ§ÃÂÃÂÃÂµ ÃÂ¥ÃÂÃÂ ÃÂ§ÃÂÃÂ£ÃÂ³ÃÂÃÂ¯ */
#home h1 {
font-size: 3rem;
margin-bottom: 10px;
color: #000000; /* ÃÂÃÂÃÂ ÃÂ§ÃÂÃÂ¹ÃÂÃÂÃÂ§ÃÂ */
}

#home p {
font-size: 1.5rem;
color: #ffff; /* ÃÂÃÂÃÂ ÃÂ§ÃÂÃÂÃÂÃÂ±ÃÂ© */
max-width: 600px;
text-align: center;
}
```

Ã¢ÂÂ### ÃÂ§ÃÂÃÂÃÂÃÂ¯ ÃÂ§ÃÂÃÂÃÂ§ÃÂÃÂ ÃÂ¨ÃÂ¹ÃÂ¯ ÃÂ§ÃÂÃÂªÃÂ¹ÃÂ¯ÃÂÃÂ:
```css
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}

header {
background-color: #333;
color: white;
padding: 1rem;
position: sticky;
top: 0;
z-index: 1000;
}

nav ul {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
margin: 0;
}

nav ul li {
margin: 0 15px;
}

nav ul li a {
color: white;
text-decoration: none;
padding: 10px 15px;
background-color: #007bff;
border-radius: 5px;
transition: background-color 0.3s ease;
outline: none; /* ÃÂ¥ÃÂ²ÃÂ§ÃÂÃÂ© ÃÂ§ÃÂÃÂªÃÂ­ÃÂ¯ÃÂÃÂ¯ ÃÂ§ÃÂÃÂ£ÃÂ²ÃÂ±ÃÂ */
}

nav ul li a:focus {
outline: none; /* ÃÂ¥ÃÂ²ÃÂ§ÃÂÃÂ© ÃÂ§ÃÂÃÂªÃÂ­ÃÂ¯ÃÂÃÂ¯ ÃÂ§ÃÂÃÂ£ÃÂ²ÃÂ±ÃÂ ÃÂ¹ÃÂÃÂ¯ ÃÂ§ÃÂÃÂªÃÂ±ÃÂÃÂÃÂ² */
}

nav ul li a:hover {
background-color: #0056b3;
outline: none; /* ÃÂ¥ÃÂ²ÃÂ§ÃÂÃÂ© ÃÂ§ÃÂÃÂªÃÂ­ÃÂ¯ÃÂÃÂ¯ ÃÂ§ÃÂÃÂ£ÃÂ²ÃÂ±ÃÂ ÃÂ¹ÃÂÃÂ¯ ÃÂ§ÃÂÃÂÃÂÃÂ */
}

main {
padding: 20px;
}

section {
margin: 20px 0;
padding: 20px;
background-color: white;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
}

#home {
background: url('path/to/your/image.jpg') no-repeat center center;
background-size: cover;
color: white;
padding: 100px 20px;
}

#home h1 {
font-size: 3rem;
margin-bottom: 10px;
color: #000000; /* ÃÂÃÂÃÂ ÃÂ§ÃÂÃÂ¹ÃÂÃÂÃÂ§ÃÂ */
}

#home p {
font-size: 1.5rem;
color: #000000; /* ÃÂÃÂÃÂ ÃÂ§ÃÂÃÂÃÂÃÂ±ÃÂ© */
max-width: 600px;
text-align: center;
}

#features ul {
list-style: none;
padding: 0;
}

#features ul li {
margin: 10px 0;
padding: 10px;
background-color: #e9ecef;
border-radius: 5px;
}

#download button {
padding: 10px 20px;
margin: 10px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
font-size: 1rem;
cursor: pointer;
transition: background-color 0.3s ease;
outline: none; /* ÃÂ¥ÃÂ²ÃÂ§ÃÂÃÂ© ÃÂ§ÃÂÃÂªÃÂ­ÃÂ¯ÃÂÃÂ¯ ÃÂ§ÃÂÃÂ£ÃÂ²ÃÂ±ÃÂ */
}

#download button:focus {
outline: none; /* ÃÂ¥ÃÂ²ÃÂ§ÃÂÃÂ© ÃÂ§ÃÂÃÂªÃÂ­ÃÂ¯ÃÂÃÂ¯ ÃÂ§ÃÂÃÂ£ÃÂ²ÃÂ±ÃÂ ÃÂ¹ÃÂÃÂ¯ ÃÂ§ÃÂÃÂªÃÂ±ÃÂÃÂÃÂ² */
}

â/* ØªØ­Ø³ÙÙ ÙØ¸ÙØ± Ø§ÙØ²Ø± */
button {
padding: 10px 20px;
margin: 10px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
font-size: 1rem;
cursor: pointer;
transition: background-color 0.3s ease;
outline: none; /* Ø¥Ø²Ø§ÙØ© Ø§ÙØªØ­Ø¯ÙØ¯ Ø§ÙØ£Ø²Ø±Ù */
}

button:focus {
outline: none; /* Ø¥Ø²Ø§ÙØ© Ø§ÙØªØ­Ø¯ÙØ¯ Ø§ÙØ£Ø²Ø±Ù Ø¹ÙØ¯ Ø§ÙØªØ±ÙÙØ² */
}

button:hover {
background-color: #0056b3;
outline: none; /* Ø¥Ø²Ø§ÙØ© Ø§ÙØªØ­Ø¯ÙØ¯ Ø§ÙØ£Ø²Ø±Ù Ø¹ÙØ¯ Ø§ÙÙÙÙ */
}

#contact button {
margin-top: 20px; /* ØªØ¹Ø¯ÙÙ Ø§ÙÙØ§ÙØ´ Ø§ÙØ¹ÙÙÙ */
background-color: #db4437; /* ÙÙÙ Ø²Ø± Gmail */
}

#contact button:hover {
background-color: #c23321; /* ÙÙÙ Ø²Ø± Gmail Ø¹ÙØ¯ Ø§ÙØªÙØ±ÙØ± */
}