body{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}img{margin:0 0 20px}h1{font-size:40px;margin:0 0 10px}p{font-size:25px}button{background:#000;color:#fff;border:none;border-radius:99px;padding:10px 20px;cursor:pointer;font-size:20px;font-variation-settings:'GRAD' 400,'wght' 700;margin:0 0 40px}textarea{position:absolute;top:0;left:0;pointer-events:none;opacity:0;visibility:hidden}#copy{position:absolute;top:40px;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#fff;border-radius:99px;padding:10px 20px;transform:scale(0);opacity:0;transition:.4s;background:#007cff;background:color(display-p3 0 .478 1)}#copy.copied{transform:scale(1);opacity:1}