body {

background:#05051a;

color:#e8e8e8;

font-family:Arial,sans-serif;

max-width:1200px;

margin:auto;

padding:30px;

line-height:1.6;

}

header {

text-align:center;

padding:40px;

}

.logo {

width:120px;

height:120px;

object-fit:cover;

border-radius:50%;

margin-bottom:20px;

border:

3px solid #d4af37;

box-shadow:

0 0 20px rgba(212,175,55,0.35);

}

h1 {

color:#d4af37;

letter-spacing:6px;

}

.tagline {

font-size:1.3em;

color:#58d6ff;

}

nav {

margin-top:25px;

}

nav a {
    color:#58d6ff;
    margin-right:20px;
    text-decoration:none;
}

a {
    color:#58d6ff;
}

a:visited {
    color:#7fdfff;
}

a:hover {
    color:#d4af37;
}

.hero {

background-image:

url("../images/wave_hero.jpg");

background-size:cover;

background-position:center;

min-height:420px;

border-radius:12px;

margin-top:30px;

}