section{display:flex;flex-direction:column;align-items:center;margin:20px}h1{font-size:1.2rem;margin:10px 0}#names .name{background-color:#fff;border:1px solid #ccc;padding:20px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;margin:10px 0}h2{font-size:1rem}button.delete{background-color:#e53e3e;color:#fff;font-weight:700;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}button.delete:hover{background-color:#c53030}#names{display:block;margin-bottom:2%;width:50%}#names .name{margin:2%;width:100%}input{border:1px solid #000}.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #ccc;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:1000}.copy-button{margin-top:10px;background:#4299e1;color:#fff;padding:5px 10px;border:none;border-radius:4px;cursor:pointer}span{font-size:smaller}