@import"https://fonts.googleapis.com/css2?family=Kanit&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100&display=swap";#root{margin:0 auto;text-align:center}#jukebox{box-shadow:0 0 0 8vh #ca4e79,0 0 17vh 14vh #ca4e79,0 0 0 18vh #ffc18e,0 0 1vh 18vh #ffc18e;background:#7a4069;align-self:center;justify-self:center;place-items:center;border-radius:50% 50% 10px 10px;min-width:300px;min-height:120px;height:auto;padding:10vh;margin:15%}#screen{margin:auto;padding:10px;box-shadow:0 0 1vh #a354bb;border:20px solid #6e357f;background-color:#333;color:#fff;word-wrap:break-word;width:auto;max-width:500px;height:250px;border-radius:20px;font-family:Kanit}#actual-song{text-align:left}.tags{width:110px;height:35px;background-color:#7b7777;border:none;color:#333;border-radius:5px;font-weight:700;margin:2px;cursor:pointer}#search-form{margin:auto;padding:10px;max-width:500px;min-height:120px;height:auto;box-shadow:0 0 1vh #a354bb;border:10px solid #6e357f;border-radius:15px;background-color:#333;color:#e2e2e2}#music-input{text-align:center;outline:none;border:none;background:transparent;color:#e2e2e2;height:30px;width:100%}#tag-filter{display:flex;align-self:center;justify-self:center;place-items:center;list-style:none}.tag-menu{margin:auto}.tag-menu{background-color:#7b7777;border:none;border-radius:5px;padding:10px;margin:5px}#img-cont{display:grid;justify-content:center;align-items:center;margin:20px 0 0;width:100%}.vynil{animation:rotate 4s linear infinite;width:15vh;height:15vh;border-radius:50%;transition:opacity .5s ease}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#musicbutton-table{margin:auto;display:flex;flex-wrap:wrap;align-items:flex-start;flex-direction:row;justify-content:center}@media screen and (max-width: 1000px){#jukebox{box-shadow:0 0 0 10px #ca4e79,0 0 15px 10px #ca4e79,0 0 0 20px #ffc18e,0 0 25px 20px #ffc18e;border-radius:0;width:50px;margin:auto;padding:0}#screen{font-size:small;border-radius:10px;padding:15px;margin:10px}#search-form{margin:20px}}img{width:50px;height:50px;border-radius:10px;margin-right:10px}#author{color:#0f4fff;font-weight:700}.songinfo{width:100%;height:100%}.button{font-family:Roboto Slab,serif;margin:10px;height:11.5vh;width:32.5vh;padding:15px;font-size:24px;text-align:center;color:#fff;background-color:#6c337d;border:solid 3px #612b71;border-radius:15px;box-shadow:0 9px #612b71,0 0 30px #612b71;font-size:medium;display:flex;cursor:pointer}.button:hover{background-color:#612b71}.button:active{background-color:#612b71;box-shadow:0 5px #612b71;transform:translateY(4px)}@media screen and (max-width: 720px){.button{height:70px;width:200px;font-size:12px}img{width:45px;height:45px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{margin:0;place-items:center;transition:background-color 2.5s ease;background-repeat:no-repeat;background-size:cover;background-position:center}button{cursor:pointer}h1{font-size:3.2em;line-height:1.1}hr{margin:10px;border:solid #555555 2px;border-radius:2px}