body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Archivo,Orbitron,sans-serif;justify-content:center;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tracklist-section{grid-gap:32px 16px;display:grid;gap:32px 16px;grid-template-columns:repeat(3,1fr);grid-template-rows:-webkit-max-content;grid-template-rows:max-content;height:455px;margin-top:15px;overflow-x:hidden;overflow-y:scroll;padding:10px;width:800px}.tracklist-section::-webkit-scrollbar{width:5px}.tracklist-section::-webkit-scrollbar-track{background:#4e2aff;border-radius:5px}.tracklist-section::-webkit-scrollbar-thumb{background:#e1e1e1;border-radius:5px;height:50px}.tracklist-section::-webkit-scrollbar-thumb:hover{background:#000}.usb-title{color:#fc395c;display:flex;flex-direction:row;flex-wrap:nowrap;font-family:Orbitron;font-weight:200;justify-content:space-evenly;margin-top:15px}h3.message{color:#fc395c;margin-left:215px}@media (max-width:800px){.tracklist-section{gap:20px 10px;grid-template-columns:repeat(3,1fr);width:600px}h3.message{margin-left:100px}}@media (max-width:480px){.tracklist-section{gap:10px 5px;grid-template-columns:repeat(2,1fr);position:relative;width:300px}h3.message{margin-left:20px}}.Track{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:250px}p{color:#e1e1e1;font-size:small}.album-border{border:3px solid #fc395c;width:150px}.album-border:hover{border:3px solid #ffb700}@media (max-width:768px){.Track{width:200px}p{font-size:x-small}.album-border{width:120px}}@media (max-width:480px){.Track{width:150px}p{font-size:xx-small}.album-border{width:100px}}.searchbar{align-items:center;display:flex;flex-direction:column}.searchbar input{background-color:#000;border:none;border-bottom:2px solid #ffb700;box-sizing:border-box;font-family:Orbitron,sans-serif;margin:5px;outline:none;padding:10px;width:500px}.searchbar input,.searchbar input::placeholder{color:#e1e1e1;font-size:large;font-weight:100}@media (max-width:768px){.searchbar input{font-size:medium;width:350px}.searchbar input::placeholder{font-size:medium}}@media (max-width:480px){.searchbar input{font-size:small;width:250px}.searchbar input::placeholder{font-size:small}}.Track-Display{width:500px}.Track-Display,.track-details{align-items:center;display:flex;flex-direction:column;height:500px}.track-details{justify-content:center;margin-top:65px;width:480px}h2.title{color:#fc395c;margin:5px}.album-big{border:3px solid #fc395c;width:300px}p.text{font-size:large;margin:5px}h3.display-message{align-content:space-around;align-items:center;color:#fc395c;flex-wrap:wrap;justify-content:center;width:460px}.track-info,h3.display-message{display:flex;flex-direction:column}.track-info{align-items:flex-start;width:400px}@media (max-width:768px){.Track-Display{width:400px}.track-details{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:-65px;margin-left:80px;margin-top:-15px;width:240px}.album-big{width:250px}h3.display-message{align-items:center;display:flex;margin-top:100px;width:620px}.track-info{margin-left:30px;width:300px}}@media (max-width:480px){.Track-Display{width:300px}.track-details{display:flex;flex-direction:column;margin-bottom:60px;margin-left:10px;margin-top:50px;width:280px}.album-big{width:200px}h3.display-message{margin-left:45px;width:260px}.track-info{width:200px}}Main{margin-top:-20px}.error,.loading,Main{display:flex;width:1280px}.error,.loading{align-items:center;color:#fc395c;justify-content:center;margin-top:200px}.error,.loading,h2,h3,p{font-family:Orbitron;font-weight:200}@media (max-width:768px){Main{display:flex;flex-direction:column-reverse;margin:0 auto;padding:0 10px;width:100%}}@media (max-width:480px){Main{margin-top:0;width:100%}}.form{align-items:center;display:flex;flex-direction:column;margin-left:25px;margin-right:30px;margin-top:45px;width:450px}.form .input-title{color:#ffb700;margin:5px}.form .input-field{background-color:#000;border:none;border-bottom:2px solid #ffb700;box-sizing:border-box;font-family:Orbitron,sans-serif;margin:5px;outline:none;padding:10px;width:100%}.form .input-field,.form .input-field::placeholder{color:#e1e1e1;font-size:large;font-weight:100}.form button.submit{background-color:#000;border:3px solid #ffb700;color:#ffb700;font-family:Orbitron;font-size:large;height:50px;margin-top:20px;width:450px}.form button.submit:hover{border:3px solid #00ed95;color:#00ed95}@media (max-width:768px){.form{margin-left:auto;margin-right:auto;width:90%}}@media (max-width:480px){.form{margin-left:auto;margin-right:auto;width:70%}.form button.submit{width:100%}}.Checklist{margin-top:30px}.checklist-section{direction:rtl;height:435px;margin-top:30px;overflow-x:hidden;overflow-y:scroll;padding:10px;width:800px}.checklist-section::-webkit-scrollbar{width:5px}.checklist-section::-webkit-scrollbar-track{background:#698eff;border-radius:5px}.checklist-section::-webkit-scrollbar-thumb{background:#e1e1e1;border-radius:5px;height:50px}h2.checklist-title{align-items:center;color:#698eff}h2.checklist-title,li{display:flex;flex-direction:column}li{align-items:flex-start;border:3px solid #698eff;direction:ltr;flex-wrap:wrap;margin:10px}label{color:#e1e1e1;display:flex;flex-direction:row;margin-left:5px}button.delete,label{font-family:Orbitron;font-size:large}button.delete{background-color:#000;border:3px solid #698eff;color:#698eff;height:50px;margin-bottom:-3px;margin-left:-3px;margin-top:5px;width:775px}button.delete:hover{border:3px solid #fc395c;color:#fc395c}@media (max-width:768px){.checklist-section{height:auto;margin-top:10px;width:500px}li{margin:5px}button.delete{margin:5px 0;width:100%}}@media (max-width:480px){.checklist-section{margin-top:10px;width:250px}.Checklist{width:87%}li{margin:-10px;width:100%}label{font-size:medium}button.delete{margin:5px 0;width:100%}}.ChecklistData{display:flex;justify-content:center;width:1280px}h2.error{color:#fc395c}@media (max-width:768px){.ChecklistData{display:flex;flex-direction:column;justify-content:center;padding:0 10px;width:100%}}@media (max-width:480px){.ChecklistData{align-items:center;flex-direction:column;padding:0 10px;width:100%}}.toggle-bttn{background-color:#000;border:3px solid #ffb700;color:#ffb700;font-family:Orbitron;font-size:large;height:50px;margin-top:-55px;position:absolute;width:150px}.toggle-bttn:hover{border:3px solid #fc395c;color:#fc395c}.Nav{width:1280px}.Nav,h1{display:flex}h1{color:#fc395c;font-family:Orbitron;font-weight:200;justify-content:flex-end;margin-top:30px}@media (max-width:768px){.toggle-bttn{font-size:medium;margin-left:60px;margin-top:-45px;width:120px}h1{margin-top:20px}}@media (max-width:480px){.toggle-bttn{font-size:small;margin-top:-35px;width:100px}h1{font-size:medium;margin-top:10px}}.ErrorPage{align-items:center;display:flex;justify-content:center;margin-top:180px;width:100vh}@media (max-width:768px){.ErrorPage{margin-top:100px}}@media (max-width:480px){.ErrorPage{margin-top:50px;padding:0 10px}}
/*# sourceMappingURL=main.8213082e.css.map*/