body{
margin:0;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
background-color:black;
color:white;
}

/* header wrapper */
.header{
padding:10px 0;
}

/* global link styling */
a{
color:white;
text-decoration:none;
}

/* TITLE BLOCK */
.title a{
font-family:'Montserrat', sans-serif;
font-size:36px;
font-weight:50;
letter-spacing:2px;
color:white;
text-decoration:none;

display:inline-block;
}

/* MAIN NAME */
.name{
display:inline-block;
line-height:1;
vertical-align:top;
}

/* SUBTITLE (right side) */
.subtitle{
display:inline-block;
font-size:18px;
font-weight:400;
letter-spacing:1px;
line-height:1;

margin-left:14px;

/* THIS is your control */
position:relative;
top:-5px;
}

/* 1px line above subtitle */
.subtitle::before{
content:"";
display:block;
border-top:1px solid white;
margin-bottom:2px;
width:100%;
}

/* MENU */
.menu{
display:flex;
justify-content:center;
gap:200px;
}

.menu a{
text-decoration:none;
color:white;
padding:4px 8px;
}


@media (max-width: 900px){

body{
padding:10px;
box-sizing:border-box;
}

.title a{
font-size:24px;
letter-spacing:1px;
line-height:1.1;
}

.subtitle{
font-size:12px;
margin-left:8px;
}

.menu{
flex-wrap:wrap;
gap:10px;
}

.menu a{
font-size:12px;
padding:2px 4px;
}

}