*{padding:0;margin:0}#root{display:flex;justify-content:center;align-items:center;background-color:#17dea9cc;font-family:Montserrat,sans-serif;height:100vh}#ipod{width:300px;height:95vh;background-color:#cbcacb;border-radius:20px;padding:3px 5px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:inset -6px -6px 12px #000c,inset 6px 6px 12px #fff6}#screen{width:96%;height:60%;margin-top:10px;border-radius:10px;border:3px solid black;background-size:cover;position:relative}#screen h4{font-weight:400;text-transform:uppercase}#screen h2{margin:2px 0;font-size:18px;font-weight:400}#controls{width:95%;height:35%;display:flex;justify-content:center;align-items:center}#outer-ring{width:175px;height:175px;background-color:#fff;border-radius:50%;position:relative;top:1%;display:flex;justify-content:center;align-items:center;box-shadow:inset -6px -6px 12px #000c,inset 6px 6px 12px #fff6;margin-bottom:5px}#inner-ring{position:absolute;width:50%;height:50%;background-color:#ccc;border-radius:50%}button{background:none;border:none;position:absolute;cursor:pointer;color:#ccc}#top{top:10%;left:37%;font-family:sans-serif;font-weight:700;font-size:medium}#right{top:42%;left:78%;cursor:pointer}#bottom{top:78%;left:42%}#left{top:42%;left:6%}#center{width:100%;height:100%;background-color:#ccc;border-radius:50%}.play-pause{height:22px;width:25px}.player{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:100%}.top-section{height:10%;display:flex;justify-content:center;align-items:center}.player h4{font-size:15px}.player audio{margin:2px;padding:2px 0}.player p{padding:1px}.details{display:flex;height:80%;width:90%;flex-direction:column;justify-content:center;align-items:center;gap:1px}.image{display:flex;justify-content:center;align-items:center}li{list-style:none}.list-render{display:flex;gap:4px;padding:4px}.list-render img{height:60px}.song-details{display:flex;flex-direction:column;gap:10px}.details img{height:90%;width:90%;border-radius:50%;box-shadow:6px 6px 12px #000c,-6px -6px 12px #fff6}.details h3{font-size:12px;margin:5px}.details h4{font-size:18px;margin:5px}.next_song{display:flex;margin:5px 0;padding:20px 0;font-size:12px;width:95%}@keyframes moveText{0%{transform:translate(-130%)}to{transform:translate(100%)}}.moving-text-container{overflow:hidden;white-space:nowrap;width:100%;padding-bottom:10px}.moving-text{animation:moveText 7s linear infinite;display:inline-block}.next_song strong{display:inline;font-size:12px;width:23%}.next_song span{padding-left:2px;width:81%}button{cursor:pointer;transition:background-color .3s ease}button:active{transform:scale(.95)}input,textarea,button,select,a{-webkit-tap-highlight-color:transparent}#slide-out-window{height:100%}.slideout-menu{width:0;position:absolute;height:100%;border-radius:6px;overflow-x:hidden;transition:.5s;z-index:1}.top-slideOut-section{height:15%}.slideOut-links{height:80%;display:flex;flex-direction:column;gap:10px}.about{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:13px}.top-about{height:80%;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.bottom-about{height:30%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;padding-bottom:10px}.about h3{font:32px;text-align:center}.morty-image{height:50%;width:55%;border-radius:10%}.links{display:flex;justify-content:space-around;gap:20px}.slideout-menu a{padding:10%;height:10%;text-decoration:none;font-size:20px;color:#818181;display:block;transition:.3s}.slideout-menu button{padding:0% 10%;text-decoration:none;font-size:25px;display:block;transition:.3s}.content{transition:margin-left .5s;padding:16px}.slideout-menu.open{width:50%}.content.shifted{margin-left:30%}.myLinkClass{transition:.5s ease-in;text-decoration:none}.myLinkClass:hover{color:red}.text-paused{visibility:hidden;animation-play-state:paused}.dark-mode{background-color:#333;color:#fff}.light-mode{background-color:#fff;color:#333}.settings{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:7px}.darkMode-img{height:100px;width:100px;display:flex;justify-content:center;text-align:center;overflow:auto}.home-page{height:100%;width:100%;display:flex;background-image:url(/assets/ai-image-cropped-mMjcqdP8.jpg);background-size:cover;color:#fff;border-radius:6px}.left-hp{width:30%;height:100%}.right-hp{display:flex;flex-direction:column;justify-content:center;width:70%;height:100%;gap:20px}@media (max-width: 767px){#root{height:93vh}#ipod{width:300px;height:90vh;padding:1px}.top-slideOut-section{height:30%}.slideOut-links{height:70%}#outer-ring{width:200px;height:200px}i{width:30px;height:30px}#left{top:42%;left:7%}#right{top:42%;left:78%}}