body{font-family:"Roboto"}.bg-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-height:100vh;background-image:-webkit-gradient(linear,left top,right top,from(#fa7257),to(#fc63a7));background-image:linear-gradient(90deg,#fa7257,#fc63a7);padding:20px}.heading{color:#fff;font-size:40px;font-weight:700;margin-bottom:48px}.show-hide-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;width:100%;max-width:600px}@media screen and (max-width:576px){.show-hide-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}}.name-control-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:16px;min-height:150px;width:250px}.button{background-color:#fff;color:#dd1264;font-family:"Roboto";font-size:16px;border:none;border-radius:8px;padding:12px 20px;cursor:pointer;outline:none;margin-bottom:24px}.button,.name{font-weight:500}.name{background-color:#fddddb;color:#000;font-size:24px;text-align:center;width:100%;padding:24px;border-radius:12px;margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}