body {
 font-family: Arial, sans-serif;
 background: #f5f5f5;
 margin: 0;
 padding: 0;
}

header {
 background: #222;
 color: white;
 padding: 2rem;
 text-align: center;
}

main {
 padding: 2rem;
 text-align: center;
}

.button2 {
 display: inline-block;
 padding: 1rem 2rem;
 background: #0078d7;
 color: white;
 text-decoration: none;
 border-radius: 5px;
 margin-bottom: 3rem;
 margin-top: 3rem;
}

.top-bar {
 display: grid;
 grid-template-columns: 1fr auto; /* main area + button */
 align-items: center;
 padding: 1rem 2rem;
 background: #222;
 color: white;
 position: relative;
}

.title {
 text-align: center;
}

.title h1 {
 margin: 0;
}

.title p {
 margin: 0;
 font-size: 0.9rem;
 color: #ccc;
}

.button {
 display: inline-block;
 padding: 0.6rem 1.4rem;
 background: #0098d7;
 color: white;
 text-decoration: none;
 border-radius: 5px;
}

.button:hover {
 background: #005fa3;
}

footer {
 margin-top: 3rem;
 text-align: center;
 color: #777;
}

.main-photo {
 width: 300px;
 display: block;
 margin: 2rem auto;
 border-radius: 10px;
 margin-bottom: 3rem;
 margin-top: 3rem;
}