*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}

body
{
    background:#000;
    color:#fff;
    font-family: 'Inter';
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    display:grid;
    place-items:center;
    height:100vh;
}

div
{
    display:inline-block;
    font-weight:200;
    font-size:clamp(40px, 13vw, 120px);
    line-height:1;
    letter-spacing:-0.02em;
    color:inherit;
    background:transparent;
    padding:0.12em 0.28em;
    border-radius:0.16em;
    transition: color 220ms ease, background-color 220ms ease, transform 220ms ease;
    cursor:default;
    user-select:none;
}

div:hover{
    color:#ff9df2;
    transform:scale(1.0);
}

@media (max-width:420px){
    div{font-size:clamp(36px, 20vw, 72px)}
}