Nic Whitworth | Music
:root{
–cream:#f1e6d2;
–bg:#2b2b2b;
–paper:#e8d9bc;
–ink:#251a10;
–text:#f1e6d2;
–leather:#a9793d;
–leather-dark:#d3a566;
–sage:#9db388;
–gold:#d3a03f;
–line:rgba(241,230,210,0.25);
}
*{box-sizing:border-box;}
html,body{
margin:0;
padding:0;
background:var(–bg);
color:var(–ink);
font-family:’EB Garamond’, serif;
}
body{
background-image:
radial-gradient(circle at 20% 10%, rgba(169,121,61,0.10), transparent 40%),
radial-gradient(circle at 80% 90%, rgba(92,107,78,0.10), transparent 40%);
}
.wrap{
max-width:480px;
margin:0 auto;
padding:36px 24px 60px;
}
.badge-frame{
position:relative;
width:190px;
height:190px;
margin:0 auto 18px;
}
.badge-frame img{
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
box-shadow:0 0 0 4px var(–cream), 0 0 0 5px var(–ink), 0 10px 24px rgba(37,26,16,0.35);
}
h1{
font-family:’Rye’, serif;
font-weight:400;
text-align:center;
letter-spacing:3px;
color:var(–text);
font-size:1.9rem;
margin:8px 0 2px;
line-height:1.2;
}
.tagline{
text-align:center;
font-style:italic;
color:var(–leather-dark);
font-size:1.05rem;
margin:0 0 6px;
}
.genres{
text-align:center;
font-family:’Crimson Text’, serif;
letter-spacing:3px;
text-transform:uppercase;
font-size:0.72rem;
color:var(–sage);
margin:0 0 28px;
}
.divider{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin:22px 0;
color:var(–gold);
}
.divider::before, .divider::after{
content:””;
height:1px;
width:60px;
background:var(–line);
}
.divider span{ font-size:0.9rem; }
.actions{
display:flex;
flex-direction:column;
gap:12px;
margin-bottom:8px;
}
.btn{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
padding:15px 18px;
border:1.5px solid var(–ink);
border-radius:6px;
background:var(–paper);
color:var(–ink);
text-decoration:none;
font-family:’Crimson Text’, serif;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
font-size:1.5rem;
font-weight:700;
transition:transform 0.15s ease, box-shadow 0.15s ease;
box-shadow:2px 2px 0 var(–ink);
}
.btn:active{
transform:translate(2px,2px);
box-shadow:0 0 0 var(–ink);
}
.btn.primary{
background:var(–leather);
color:var(–cream);
}
.socials{
display:flex;
justify-content:center;
gap:16px;
margin:26px 0 6px;
}
.socials a{
display:flex;
align-items:center;
justify-content:center;
width:48px;
height:48px;
border-radius:50%;
border:1.5px solid var(–ink);
color:var(–ink);
text-decoration:none;
background:var(–cream);
}
.socials svg{ width:22px; height:22px; fill:var(–ink); }
footer{
text-align:center;
margin-top:34px;
font-family:’Crimson Text’, serif;
font-size:0.75rem;
color:var(–leather-dark);
letter-spacing:2px;
text-transform:uppercase;
}
.star{
text-align:center;
color:var(–gold);
font-size:1.1rem;
margin-bottom:6px;
}
Nic Whitworth
Piano & Guitar — Live in Georgetown, TX
Country · Irish Folk · Singer-Songwriter · Pop & Rock
Nic Whitworth 