body{height:100vh;width:100%;background:#8360c3;background:-webkit-linear-gradient(to right,#2ebf91,#8360c3);background:linear-gradient(to right,#2ebf91,#8360c3);display:flex;justify-content:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.title{width:80vw;margin:1rem 0;font-size:clamp(.5rem,1rem + 1vw,2rem);padding:.5rem;text-align:center;letter-spacing:3px;color:#f8eded;background-color:#0000003f;mix-blend-mode:overlay;border-radius:1rem}.title h1{margin:0;padding:0}.user-name{text-align:center;margin-bottom:4.5rem}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;margin-top:5rem}.container h1{font-size:clamp(.5rem,1rem + 1vw,2rem)}.username-input{padding:1rem;font-size:clamp(1rem,1rem + 1vw,1.5rem);border:none;border-radius:1rem}.btn{width:100%;padding:1.5rem;font-size:clamp(1rem,1rem + 1vw,1.5rem);border:none;border-radius:1rem;mix-blend-mode:overlay}