body{color:#fff;background-color:#0c1027}img{width:100%}#body-header{position:fixed;top:0;left:0;padding:20px 30px 0;width:100%;height:auto;display:flex;justify-content:space-between;background-color:#0c1027;box-shadow:0 10px 20px 20px #0c1027;box-sizing:border-box;z-index:20}.body-header-image{height:70px;padding:8px;border:2px dashed #fff;border-radius:50%;overflow:hidden;margin-right:1%}#body-image-title{margin-top:1%;font-size:1rem;line-height:1;margin-right:12%}.font-size{font-size:1.5rem}.mp-2{margin-top:2%}#text-3{font-size:1rem;margin-right:32%}#search-bar{width:20%;position:relative;margin-right:5%}.search-bar-inside{width:100%;position:relative}#search-bar input[type=text]{padding:6px 30px;border-radius:10px;height:35px;font-size:15px;font-weight:700;border:none;background-color:#12193e;color:#fff;outline:none;box-sizing:border-box}#search-bar .search-bar-inside:before{left:0;content:"\f002";color:#fff}#search-bar .search-bar-inside:after,#search-bar .search-bar-inside:before{position:absolute;top:0;display:flex;justify-content:center;align-items:center;font-family:FontAwesome;width:30px;height:100%;font-size:1.1rem}#search-bar .search-bar-inside:after{right:0;content:"\f130";color:#93a8b3}.button{width:40px;height:40px;border-radius:10px 10px 10px 10px;background-color:#12193e;border:none;color:#e3e3e7;margin-left:-74px;padding:10px}#micro .button{transform:translate(128%);top:1%;right:0}button:focus,input:focus{outline:none}#noti.mp-2{margin-top:2.8%}#noti{position:relative;z-index:1;margin-right:5%;margin-left:4%}.noti-ball{position:absolute;border-radius:50%;background-color:#fa0f0f;height:5px;width:5px;z-index:6;right:0;top:2%}#user-image.mp-2{margin-top:1%}#user-image img{height:60px;width:60px;border-radius:50%}@media screen and (max-width:750px){#body-header{justify-content:center}#body-header .body-header-image,#body-image-title,#text-3{margin:0;display:none}#search-bar{width:90%;margin-left:13%}#stations .stations-logo{display:none}#stations .stations-border{width:100%}}main{margin-left:5%;margin-right:5%;margin-top:145px;width:60%;display:inline-block;z-index:-1;height:auto}#main-images{display:flex;flex-wrap:wrap;height:auto;width:100%;justify-content:space-between;margin-bottom:4%}#main-images img{z-index:0;transition:all .5s}#main-images img,#main-images img:hover{height:300px;width:300px;background-size:contain}#main-images img:hover{filter:contrast(200%) brightness(100%);margin-top:-30px}#latest-release{width:90%;box-sizing:border-box;margin-bottom:5px;display:flex;flex-direction:column;flex-wrap:wrap}#latest-release h3.font-size{font-size:1.2rem}#songs{width:100%;height:auto;display:flex;flex-wrap:wrap}.border{margin:3px;padding:5px;width:45%;height:100px;position:relative}@media screen and(min-width:901px){#main-images img{height:300px;width:300px}#main-images img:hover{width:400px;height:400px}}.port-display{position:relative;width:40%;height:100%;background-size:contain;margin-right:2%}.port-display img{position:relative;width:100%;height:100%}.icon{color:transparent;top:30%;left:40%;position:absolute;transition:all .8s}.port-display img:hover{opacity:.5}.port-display:hover #icon1{background-color:#f5f5f5;padding:5px 5px 5px 8px;border-radius:50%;color:#000}.border .center{top:25%;left:50%}.border .center,.border .right{position:absolute;font-size:.9rem}.border .right{top:0;right:0;text-align:right}.right i{position:relative;font-size:1.2rem;color:#93a8b3}.right p{color:#83858b}.color-date{font-family:serif;color:#bcbdc3}.right .drop-menu{background:linear-gradient(90deg,#0d1a30,#403066);width:200px;text-align:right;border-radius:12px;box-sizing:border-box;display:none;color:#d3d3d3;position:absolute;right:0;top:30%;z-index:10}.right .drop-menu ul li{text-align:left;right:0;height:auto;list-style:none;border-bottom:1px solid #b0b2b8}.drop-menu a{color:#fff;line-height:0;margin-top:2%;margin-right:2%;margin-bottom:0;padding-bottom:0}.text-align-right{text-align:right}#drop:target{display:block}.right a:target #drop{display:none}#drop1:target{display:block}.right a:target #drop1{display:none}#drop2:target{display:block}.right a:target #drop2{display:none}#drop3:target{display:block}.right a:target #drop3{display:none}.right a:focus{outline:none}#footer-music:target{visibility:visible}#popular-artist{width:100%;height:auto;box-sizing:border-box;margin-bottom:40px;display:flex;flex-direction:column;flex-wrap:wrap}#popular-artist h3.font-size{font-size:1.2rem}.inside-pa{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px}.inside-pa-image{margin:15px}.inside-pa-image figure{position:relative;width:100px;height:100px;margin:5px}.inside-pa-image figure img{position:relative;height:100%;width:100%;border-radius:50%}.inside-pa-image figure:hover{opacity:.5}.inside-pa-image figure:hover #icon1{background-color:#fff;padding:5px 5px 5px 8px;border-radius:50%;color:#000}#stations{width:100%;height:auto;display:flex;flex-wrap:wrap;box-sizing:border-box;justify-content:center;padding:0 20px;background-color:#101642;margin-bottom:20px;padding:30px 20px 25px}.stations-logo{width:12%;margin-right:4%}.yellow-1{width:100%;height:90px;background-color:#f9d64c;position:relative}.yellow-2{position:absolute;left:5%;top:-7%;width:90%;height:115%;background-color:#f0bc10;z-index:5}.orange-1{position:absolute;top:-11%;left:7%;width:85%;height:120%;background-color:#ff4f0a}.orange-1 .white{position:absolute;margin-top:8px;margin-left:5px;font-family:sans-serif}.stations-border{height:auto;width:83%;display:flex;flex-wrap:wrap;justify-content:space-between}.stations-border-image{height:100px;width:100px;position:relative}.stations-border-image img{opacity:.5;height:100%;width:100%;border-radius:50%}.text-position{position:absolute;top:40%;left:35%;font-size:1.2rem}#stations-2{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:30px}.stations-2-image{position:relative;height:185px;width:270px;overflow:hidden;margin:5px}.stations-2-image img{opacity:.5;height:100%;width:100%;transition:all .8s}.stations-2-image .text-position{top:40%;left:40%;font-size:1.5rem}.stations-2-image img:hover{width:330px;height:225px}.lastest-songs-eh{width:100%;height:auto;display:flex;flex-wrap:wrap;margin-bottom:20px}.lastest-songs-eh h3.font-size{font-size:1.2rem}.inside-eh{display:flex;flex-wrap:wrap;height:auto;width:100%;justify-content:space-between;font-size:.9rem}.inside-eh .inside-pa-image figure{width:150px;height:150px}.inside-eh .inside-pa-image figure:hover{opacity:1}.inside-eh .inside-pa-image figure img{border-radius:0}aside{margin-right:5%;margin-top:145px;width:24%;display:inline-block;z-index:-1;height:auto;vertical-align:top}.q1,aside{margin-bottom:20px}.q1{text-decoration:none;position:relative;margin-left:65%;font-size:1.5rem;font-family:monospace;color:#3aa090}aside .drop-menu{background:linear-gradient(90deg,#0d1a30,#403066);width:200px;text-align:right;border-radius:12px;box-sizing:border-box;display:none;color:#d3d3d3;position:absolute;right:7%;top:34.5%;z-index:10}aside .drop-menu ul li{text-align:left;right:0;width:100%;height:auto;list-style:none;border-bottom:1px solid #b0b2b8}#drop-q:target{display:block}#go-back-q:target #drop-q{display:none}aside a:focus{outline:none}.q-list{width:85%;height:auto;margin-left:14%;margin-top:5%;display:flex;flex-direction:column;flex-wrap:wrap}.inside-q-list{height:90px;width:100%;margin-bottom:15px;position:relative}.inside-q-list-image{height:inherit;width:90px;position:relative;display:flex;align-items:center;justify-content:center}.inside-q-list-image img{cursor:pointer;width:100%;height:100%;transition:all .5s ease-in-out}#q-1 img:hover{border:none;border-radius:50%;box-shadow:0 0 12px 8px #153048}#q-2 img:hover{border:none;border-radius:50%;box-shadow:0 0 12px 8px #481c1c}#q-3 img:hover{border:none;border-radius:50%;box-shadow:0 0 5px 5px #463a1d}#q-4 img:hover{border:none;border-radius:50%;box-shadow:0 0 5px 5px #754131}#q-5 img:hover{border:none;border-radius:50%;box-shadow:0 0 5px 5px #d3d3d3}.inside-q-text{font-weight:700;font-size:15px;position:absolute;top:25%;left:30%;margin-left:12%}.q-color{font-weight:0;color:#9c9fa8}.q-emoji{top:30%;right:0;font-size:20px}.q-emoji,.q-play{position:absolute}.inside-q-list:nth-child(5n+1):before{content:"01";position:absolute;left:-13%;top:40%;color:#d3d3d3;margin-right:5%}.inside-q-list:nth-child(5n+2):before{content:"02";position:absolute;left:-13%;top:40%;color:#d3d3d3;margin-right:5%}.inside-q-list:nth-child(5n+3):before{content:"03";position:absolute;left:-13%;top:40%;color:#d3d3d3;margin-right:5%}.inside-q-list:nth-child(5n+4):before{content:"04";position:absolute;left:-13%;top:40%;color:#d3d3d3;margin-right:5%}.inside-q-list:nth-child(5n+5):before{content:"05";position:absolute;left:-13%;top:40%;color:#d3d3d3;margin-right:5%}.pa-intro{background-color:#141b41;width:100%;height:400px;margin-bottom:30px;position:relative;display:flex;flex-wrap:wrap}.pa-intro-image{height:inherit;width:40%;margin-right:10%}.pa-intro-image img{height:100%;width:100%}.pa-des{position:absolute;width:55%;height:auto;top:2%;left:42%;margin-bottom:5px}.pa-des h3{display:inline}.pa-playlist{position:absolute;width:45%;bottom:0;right:0;margin-bottom:5px;box-sizing:border-box;padding:5px}.pa-play,.pa-playlist{height:auto;display:flex;flex-wrap:wrap;justify-content:center}.pa-play{width:40%;margin-right:5%;align-items:center}.pa-playall{background:linear-gradient(90deg,#4629b5,#b344da);height:40px;width:100%;margin-bottom:5px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}#pa-1 .inside-q-list{background-color:#1a1e33}#pa-1 .inside-q-text{left:20%}#pa-1 .q-emoji{right:5%}#pa-1 .inside-q-list:before{background-color:#1a1e33;height:95px;width:18%;position:absolute;top:-2%;text-align:center;box-sizing:border-box;padding-top:30px;margin-left:-2.5%;z-index:-3}.simi-art{position:relative;margin-bottom:35px}.simi-art h2{display:inline}.simi-art>span{position:absolute;right:0}.simi-art .border{width:100%;margin:0 3px 15px}#pa-1 .simi-art .inside-q-text{left:35%}#pa-1 .simi-art .inside-q-list{background-color:#1a1e33}#pa-1 .simi-art .inside-q-list:before{background-color:#0c1027}@media screen and (max-width:1100px){.border .center{font-size:.7rem}#text-3{margin-right:10%}}@media screen and (max-width:1150px){#pa-1 .simi-art .inside-q-text{left:32%;font-size:.8rem}}@media screen and (max-width:950px){main{margin-left:0}aside{margin-right:0;width:34%}}@media screen and (max-width:900px){#pa-1 .simi-art .inside-q-text{font-size:1.2rem}.q1{margin-left:90%}}@media screen and (max-width:850px){#search-bar{width:30%;position:relative;margin-right:6%}#text-3{margin-right:8%}}@media screen and (max-width:785px){.q1{margin-left:88%}}@media screen and (max-width:666px){.q1{margin-left:86%}#noti{margin-left:52%}#search-bar{margin-right:7%;margin-left:0}}@media screen and (max-width:560px){.q1{margin-left:83%}}@media screen and (max-width:475px){.q1{margin-left:80%}}#footer-music{position:fixed;box-sizing:border-box;bottom:0;right:0;width:100%;height:auto;padding:5px 100px;background-color:#282828;visibility:hidden;z-index:5;font-family:sans-serif;display:flex;flex-wrap:wrap}#footer-music>div{margin-right:1.5%}#footer-music img{width:73px;height:73px;margin-right:1%}.mp-1{margin-top:1%}.author{line-height:1.6;margin-right:1.5%}.emoji{margin-top:30px;margin-right:15%}.text-4{color:grey}.text-center{text-align:center}.whitesmoke{color:#b3b3b3}.white{color:#fff}.pause{margin-top:-10px;border-radius:50%;border:1px solid grey;padding:7px}.player{width:50%;height:auto;display:flex;flex-wrap:wrap}.player>div{margin:auto}.play-buttons{width:60%;height:auto;padding-top:10px;display:flex;flex-wrap:wrap;justify-content:space-evenly}.player-line{width:100%;display:flex}.border-player-line{margin:5px 15px 0;width:100%;height:0;width:90%;border:3px solid grey;border-radius:5px}.border-player-line>div{border-radius:5px 0 0 5px}.forty-percent{margin-left:-1%;margin-top:-.5%;width:40%;height:inherit;border:3px solid #32e482;position:relative}.white-ball{position:absolute;top:-11px;left:100%;background-color:#fff;border-radius:50%;height:20px;width:20px}.last-features{display:flex;color:grey;width:25%;justify-content:space-evenly;align-items:center;font-size:20px}.playlist{position:relative}.mr-75{margin-right:7.5%}.small-icon{position:absolute;top:0;left:0;font-size:7.5px}.last-features .border-player-line{width:30%}.last-features .border-player-line .forty-percent{margin-top:-3%;margin-left:-3%}@media screen and (max-width:1300px){#footer-music{padding:0;justify-content:space-between}.player{width:40%}}@media screen and (max-width:900px){main{margin-left:0;margin-right:0;width:100%}aside{flex-direction:column;width:100%}.q-list,aside{display:flex;flex-wrap:wrap}aside .drop-menu{top:auto}#main-images{width:80%}#main-images img{height:200px;width:200px}#main-images img:hover{width:250px;height:250px}.border{height:200px}#stations,.border{width:100%}.border .center{font-size:1.2rem}}.pa-intro .pa-des p{font-size:1.2rem}@media screen and (max-width:500px){#latest-release,.border{width:100%}.pa-intro .pa-des p{font-size:.9rem}}