*{background-color:#171717;color:#ededed;margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth}.maincontainer{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.soundcloudinput{width:50%;height:40px;border-radius:8px;border:2px solid #ccc;padding:0 15px;font-size:16px;outline:none;transition:all .3s ease}.soundcloudinput:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.soundcloudbutton{height:40px;padding:0 20px;margin-left:10px;border:none;border-radius:8px;background-color:#007bff;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;word-spacing:4px;align-items:center}.soundcloudbutton:hover{background-color:#0056b3;word-spacing:-2px}.dropZone{padding:20px;border:2px dashed #797979;border-radius:8px;background-color:#161616;cursor:pointer;transition:border-color .3s ease;width:100%;max-width:720px;height:200px;display:flex;justify-content:center;align-items:center;text-align:center;margin:0 80px}.dropZone:hover{border-color:#adadad;background-color:#383838}.hiddenInput{display:none}.dropZoneContent p{font-size:16px;color:#555;background-color:transparent}.dropZoneContent svg path{stroke:#555}.dropZoneContent svg{width:50px;height:50px;margin-bottom:20px;background-color:transparent}.dropZoneContent{background-color:transparent}.fileInput{display:none}.dropZone:hover .dropZoneContent p{color:silver}.dropZone:hover .dropZoneContent svg path{stroke:silver}