body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.5rem;font-weight:600;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{margin:0}body{background-image:linear-gradient(90deg,#00ababd9,#dc02dcd9);color:#fbfafa}header{margin-bottom:50px;margin-top:75px;width:50%}main{align-items:center;display:flex;flex-direction:column;max-width:700px;width:90%}svg{width:100%}svg,svg text{font-size:4rem}svg text{fill:#0ff;stroke:rgba(218,61,197,.701);stroke-width:.1px;stroke-linejoin:bevel;animation:pulsate 3s infinite}@keyframes pulsate{50%{stroke-width:5px}}h1{font-size:3.5rem;text-decoration:underline}input[type=text]{background:#0000;border:2px solid #00ffff40;border-radius:1rem;color:#f0f8ff;font-size:1.5rem;height:3rem;margin:15px 0;text-align:center}::placeholder{color:#f9f9f9bf}button{background-color:initial;border:2px solid #ffc4fbbf;border-radius:1rem;color:#f0f8ff;font-size:1.5rem;margin:10px;transition-duration:.3s}button:hover{background-color:#ffc4fbbf}.body{align-items:center;display:flex;flex-direction:column}.main-container{display:flex;gap:50px;justify-content:center;width:100%}.submit-form{margin-bottom:20px}.track-element,button.track-element{font-size:1rem}@media only screen and (max-width:600px){.body{font-size:1rem}h1{font-size:3rem}button,input,input[type=text]{font-size:1rem}}.submit-form{align-items:center;display:flex;flex-direction:column}button{width:75%}h4{color:rgba(170,5,203,.586);font-size:.85rem}:root{--cyan-colour:#1ee4ff;--pink-colour:#cd3ff0}.clickableSVG{cursor:pointer}.clickableSVG:hover #CyanPlay{transform:translateX(7.5%)}.clickableSVG:hover #PinkPlay{transform:translateX(-7.5%)}#play-add-container{display:flex;justify-content:center}#CyanPlay{fill:#1ee4ff;fill:var(--cyan-colour)}#PinkPlay{fill:#cd3ff0;fill:var(--pink-colour)}#CyanPlay,#PinkPlay{transition:all .3s ease}.track-box{border:2px solid blue;border-radius:10px}.playlist{align-items:center;display:flex;flex-direction:column;text-align:center}
/*# sourceMappingURL=main.9011c569.css.map*/