body{flex-direction:column;min-height:100vh;margin:0;display:flex;overflow:hidden}.box{background:#000;border:4px solid #fff;outline:1px solid #000;transition:transform .2s linear}.name{width:fit-content;margin-bottom:8px;transform:translate(0)}.message{flex-grow:1;transform:scaleY(1)}.name.hidden{transform:translate(-150%)}.message.hidden{transform:scaleY(0)}p{color:#fff;overflow-wrap:break-word;margin:4px;font-size:1.5rem}