*{
margin:0;
padding:0;
box-sizing:border-box;
}

html,
body{

width:100%;
height:100%;

background:#050505;

font-family:"Manrope",sans-serif;

overflow:hidden;

}

body{

display:flex;

justify-content:center;

align-items:center;

color:white;

}

.hero{

text-align:center;

}

#letters{

display:flex;

justify-content:center;

gap:22px;

font-size:clamp(60px,11vw,150px);

font-weight:800;

letter-spacing:.03em;

}

#letters span{

opacity:0;

transform:translateY(30px);

display:inline-block;

}

#claim{

margin-top:40px;

font-size:clamp(18px,2vw,28px);

letter-spacing:.08em;

color:#9b9b9b;

opacity:0;

}