body{font:"Raleway",sans-serif;color:rgb(0 0 0 / .5);text-align:center;text-transform:uppercase;background:linear-gradient(to right,red,yellow);min-height:100vh}h1{font:600 clamp(1.2em, 5.5vw, 3.5em) "Raleway",sans-serif;text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:0 1rem;white-space:normal;word-break:keep-all;overflow-wrap:normal}h2{font:600 clamp(1em, 4vw, 1.5em) "Raleway",sans-serif;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;text-align:center}h3{font:900 21m "Raleway",sans-serif;color:rgb(0 0 0 / .5);text-align:center;text-transform:none;letter-spacing:.01em}#random{padding:12px 24px;margin-top:20px;background:rgb(255 255 255 / .15);border:1px solid rgb(255 255 255 / .3);border-radius:12px;backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;font:600 .9em "Raleway",sans-serif;cursor:pointer;transition:0.3s}#random:hover{background:rgb(255 255 255 / .25);transform:translateY(-2px)}@media (max-width:480px){.color1,.color2,#random{display:block;width:90%;margin:10px auto}}html,body{width:100%;height:100%;margin:0;overflow:hidden}