* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
background-color: #181818;
font-family: Arial, sans-serif;
color: white;
}
.container {
width: fill-available;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.boombox-title {
font-size: 6rem;
font-weight: bold;
background: linear-gradient(270deg, #ff6a00, #ee0979, #50e3c2, #ff6a00);
background-clip: text;
color: transparent;
margin-bottom: 2rem;
}
.impact-phrase {
font-size: 2rem;
font-weight: bold;
color: #50e3c2;
margin-top: 1rem;
}