.container{background-color:#152431;padding:50px 15px;width:450px;box-sizing:border-box;border-radius:6px;box-shadow:6px 6px 5px #152431}h1{font-size:36px;font-weight:700;text-align:center;color:#8fa8c1;margin-bottom:36px}.add-container{margin-bottom:60px;display:flex;justify-content:center;align-items:center}.add-container input{padding:12px;background:transparent;border:1px solid #8fa8c180;outline-color:#00f;margin-right:8px;border-radius:4px;color:#8fa8c1}.add-container button{color:#8fa8c1;font-size:14px;font-weight:500;padding:12px;background-color:#0c5488;border-radius:4px;cursor:pointer;border:none}img{margin-right:11px;cursor:pointer}.display-main-container{max-height:300px;overflow:auto}.display-main-container::-webkit-scrollbar{display:none}.display-container{padding:25px 0;display:flex;justify-content:space-between;align-items:center}.display-container p{font-size:16px;font-weight:500;color:#8fa8c1;padding:5px;word-break:break-all}.display-container .button-container{display:flex}p{color:#8fa8c14d}.edit-container{display:flex;justify-content:center;align-items:center;padding:15px 0}.edit-container input{padding:12px;background:transparent;border:1px solid #8fa8c180;outline-color:#00f;color:#8fa8c1;border-radius:4px;margin-right:9px}.edit-container .buttons button:first-child{padding:13px;color:#8fa8c1;background-color:#00f;font-size:12px;font-weight:500;border:none;border-radius:4px;margin-right:9px;cursor:pointer}.edit-container .buttons button:last-child{padding:13px;font-size:12px;font-weight:500;color:#0c5488;border-radius:4px;border:none;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}body{background-color:#000000e4;min-height:100vh}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px 50px}
