html,body{padding:0;margin:0;height:100%;width:100%;overflow:auto;box-sizing:border-box}#root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:auto;display:flex;justify-content:center;align-items:center}.App{width:100%;display:flex;align-items:center;flex-direction:column;gap:20px;padding:20px}.container{display:flex;flex-direction:column;gap:10px;padding:30px;border-radius:10px;box-shadow:#0000003d 0 3px 8px}.url{padding:5px;border:none;outline:none;background-color:transparent;box-shadow:#64646f33 0 1px 1px}.colorInput{padding:5px;display:flex;justify-content:center;align-items:center;border:none;border-radius:5px;box-shadow:#0000003d 0 3px 8px;outline:none}.downBtn{justify-content:center;align-items:center;cursor:pointer;padding:12px 30px;display:flex;white-space:nowrap;border-radius:.3rem;border:none;scale:1;outline:none;color:#fff;background:rgb(20,141,141);background:-webkit-linear-gradient(to right,rgb(73,212,212),rgb(31,161,161),rgb(20,141,141),rgb(31,161,161),rgb(73,212,212));background:linear-gradient(to right,rgb(73,212,212),rgb(31,161,161),rgb(20,141,141),rgb(31,161,161),rgb(73,212,212));transition:.3s;background-size:200% 100%;animation:slide 5s linear infinite}.downBtn:hover{box-shadow:0 4px 8px #636363;scale:1.1;animation-play-state:paused}@keyframes slide{0%{background-position:200% 0}to{background-position:-200% 0}}#dragging{display:flex;justify-content:center;align-items:center;padding:15px 5px;border:2px dashed #3683d6;cursor:pointer}#draggingSucces{padding:5px;border:2px dashed #4ad368;background-color:#fff;cursor:pointer}@keyframes kayan-renkler{0%{background-position:0% 0}to{background-position:-200% 0}}.name{background:linear-gradient(45deg,rgb(73,212,212),rgb(31,161,161),rgb(20,141,141),rgb(31,161,161),rgb(73,212,212));background-size:200% 100%;background-clip:text;color:transparent;-webkit-background-clip:text;animation:kayan-renkler 5s linear infinite}