:root{--green: #0CCE6B;--black: #363537;--backgroundColor: #efffef;--warningYellow: #EED202}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--backgroundColor)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}main{padding:0 12px;margin:12px auto 0}.notification{position:fixed;top:10vh;left:50vw;display:block;transform:translate(-50%);width:33vw;min-height:1rem;padding:6px 12px;text-align:center;border-radius:5px;border:2px solid var(--black)}.notification h3{margin:0 0 5px}.notification p{margin:0}.notification.success{background-color:var(--green);color:#fff}.notification.failure{background-color:red;color:#fff}.notification.warning{background-color:var(--warningYellow);color:var(--black)}.main-header{background-color:var(--green);color:#fff;display:flex;justify-content:space-between;padding:6px 12px;align-items:center;position:relative;height:50px}.main-header__home{display:flex;justify-content:space-between;align-items:center;gap:20px}.main-header h1{margin:0}.main-header svg{height:50px;width:auto}.main-header svg path{fill:#fff}.main-header nav{min-width:100px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.main-header a{color:#fff;text-decoration:none}.main-header a:hover{text-decoration:underline}.main-header nav button{background-color:transparent;border:0;color:#fff;font-size:1rem;padding:0;cursor:pointer}.main-header nav button:hover{text-decoration:underline}.songSearch{width:100%}.songSearch h2{margin:0 0 10px}.songSearch input{width:100%;padding:6px 12px;box-sizing:border-box}.songSearch__results{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.song-result{background-color:#fff;border:2px solid var(--green);cursor:pointer}.song-result header{display:flex;justify-content:flex-start;align-items:center;padding:6px 12px;gap:15px}.song-result svg{height:auto;width:40px}.song-result .title{font-size:1rem;font-weight:700}.tag-section{display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:10px}.song-result .tag{background-color:var(--green);padding:5px 10px;border-radius:10px;color:#fff}.uploader input{display:block;width:100%;margin:5px 0 10px;padding:6px 12px;box-sizing:border-box;border:1px inset var(--black)}.uploader input[type=file]{background-color:#fff;border:1px inset var(--black)}.buttons{display:flex;justify-content:flex-end}button{background-color:var(--green);color:#fff;font-size:1.25rem;border:0;border-radius:5px;padding:6px 12px}.tagSection{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tagSection__tags{background-color:#fff;border:1px inset var(--black);margin:5px 0 10px;padding:6px 12px;display:flex;justify-content:flex-start;gap:6px;flex-wrap:wrap}.tag{background-color:var(--green);color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:10px;padding:6px 12px;gap:6px}.tag svg{cursor:pointer}.tag svg path{fill:#fff}