.musik,.sidebar{
    height:100%
}
.footer,.header,.last,.me a,.post-lagu .rank,.tag,a.btn-orange,header .me a{
    font-weight:700
}
a:focus,a:hover,input,li a:focus,li a:hover{
    text-decoration:underline
}
.center,.header,.search,.title,a.btn-orange{
    text-align:center
}
@font-face{
    font-family:Montserrat;
    font-style:normal;
    font-weight:400;
    src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
    unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
    font-display: swap;
}
@font-face{
    font-family:Montserrat;
    font-style:normal;
    font-weight:400;
    src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
    font-display: swap;
}
@font-face{
    font-family:Montserrat;
    font-style:normal;
    font-weight:400;
    src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
    unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;
    font-display: swap;
}
@font-face{
    font-family:Montserrat;
    font-style:normal;
    font-weight:400;
    src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
    font-display: swap;
}
@font-face{
    font-family:Montserrat;
    font-style:normal;
    font-weight:400;
    src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
    font-display: swap;
}
body{
    font-family:Montserrat,sans-serif;
    background:#333;
    font-size:15px;
    color:#ccc;
    padding:0;
    margin:0 auto;
    line-height:1.4em
}
header .me{
    font-size:25px;
    margin:2px;
    padding:8px;
    background:#000;
    border-bottom:3px solid #0c6
}
header .me a{
    color:#fff
}
header .me a:focus,header .me a:hover{
    color:#0c6
}
.header{
    color:orange;
    background:#111;
    font-size:12px;
    padding:10px 5px 5px 10px
}
.lagu,.post{
    background-color:#000
}
a.btn-orange{
    background:#000;
    padding:4px 8px;
    color:#ccc!important;
    border:1px solid orange;
    border-radius:15px;
    font-size:15px;
    margin:2px 20px 2px 2px
}
.head a{
    color:#0c6
}
.lagu{
    color:#ccc;
    border-bottom:1px solid #333;
    padding:5px;
    margin:5px 0 0
}
.description{
    color:#9f9f9f;
    margin:5px;
    padding:2px
}
.post{
    color:#8c8c8c;
    background-repeat:repeat-x;
    background-position:50% top;
    margin-top:2px;
    border:2px solid #333
}
input{
    text-decoration:none
}
a{
    color:#0c6;
    text-decoration:none
}
a:focus,a:hover{
    color:#fff
}
.lagu a{
    color:#ddd
}
.lagu a:focus,.lagu a:hover{
    color:#0c6
}
@media screen and (min-width:640px){
    .header,.me a,.mee{
        font-weight:700
    }
    body{
        background:#000;
        font-size:15px;
        color:#444;
        padding:0;
        margin:0 auto;
        max-width:900px
    }
    .header{
        text-align:center;
        color:orange;
        background:#111;
        font-size:12px;
        padding:10px 5px 5px 10px
    }
    .me a,.me a:focus,.me a:hover{
        color:#fff
    }
    .me{
        font-size:27px;
        margin:0;
        padding:5px;
        background:#000;
        border-bottom:2px solid #0c6
    }
    .menu{
        float:left;
        width:65%
    }
    .sidebar{
        float:left;
        width:35%
    }
    .wrapper{
        padding:0 5px 10px
    }
}
input:-moz-placeholder{
    color:#111
}
input::-webkit-input-placeholder{
    color:#111
}
ol,ul{
    margin:2px 2px 5px 10px;
    padding:0
}
.ket{
    padding:1px 10px 1px 3px;
    color:#0c6
}
.page,.search{
    background:#111;
    margin:0;
    padding:2px;
    border:2px solid #333
}
.clear{
    clear:both;
    float:none
}
.musik{
    width:100%
}
.page{
    color:#ccc;
    text-align:justify
}
h1,h2,h3{
    padding:0;
    margin:0;
    line-height:1.2em
}
.center,.footer,.post-lagu .rank,.span,.tag,.top{
    text-align:center
}
input{
    display:inline-block;
    padding:6px;
    max-width:90%
}
input[type=text]{
    display:inline-block;
    padding:12px 5px;
    border:1px solid orange;
    background:#eee;
    width:60%;
    color:#000;
    border-radius:5px 0 0 5px
}
input[type=submit]{
    display:inline-block;
    background:#0c6;
    border:1px solid #777;
    border-radius:0 5px 5px 0;
    padding:12px 8px;
    color:#000;
    cursor:pointer;
    font-weight:700
}
input[type=submit]:focus,input[type=submit]:hover{
    color:#000;
    background:orange;
    border:1px solid #fff;
    cursor:pointer
}
.posting,li{
    background:#111
}
li{
    border-bottom:1px solid #333;
    list-style:none;
    padding:.5em
}
li a{
    color:#ddd
}
li a:focus,li a:hover{
    color:orange
}
h1{
    font-size:30px
}
h2{
    font-size:17px
}
h3{
    font-size:16px
}
footer a,footer a:hover{
    color:orange
}
blockquote{
    background:#222;
    border-left:3px solid #444;
    margin:1em 6px;
    padding:.5em 10px;
    quotes:"\201C""\201D""\2018""\2019"
}
blockquote:before{
    color:orange;
    content:open-quote;
    font-size:4em;
    line-height:.1em;
    margin-right:.25em;
    vertical-align:-.4em
}
blockquote p{
    display:inline
}
article a:hover,footer a,footer a:hover{
    color:orange
}
.posting{
    padding-left:15px;
    border:2px solid #333
}
.post-lagu{
    min-height:75px;
    padding:12px 3px 5px 55px;
    border-bottom:2px solid #333;
    position:relative
}
.post-lagu .image,.post-lagu .rank{
    position:absolute;
    background-color:#111
}
.post-lagu .rank{
    border-radius:6px;
    border:2px solid orange;
    font-size:15px;
    line-height:25px;
    left:-12px;
    top:-8px;
    height:25px;
    text-indent:1px;
    width:25px;
    color:#fff;
    margin:15px 0 0
}
.post-lagu .image{
    left:0;
    top:0;
    margin:20px 0 0
}
.post-lagu .image img{
    width:50px;
    height:50px;
    border:1px solid orange;
    border-radius:6px
}
.post-lagu .judul{
    margin:5px 5px 1px 3px;
    max-height:100px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    color:#ccc;
    font-size:16px
}
.post-lagu .judul a{
    color:#ddd
}
.post-lagu .judul a:hover{
    color:orange
}
.author{
    padding-bottom:2px;
    margin:1px;
    color:orange;
    font-size:14px;
    font-style:italic;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.tag{
    color:orange;
    background:#111;
    border-top:2px solid #333;
    border-right:15px solid #333;
    border-bottom:2px solid #333;
    border-left:15px solid #333;
    padding:5px 2px
}
.top{
    margin:1px;
    background:#333;
    padding:3px;
    border:1px solid #000;
    border-radius:0
}
.footer,.me,.span{
    margin:0;
    background:#000
}
.span{
    display:inline-block;
    padding:2px;
    width:30%;
    border:1px solid #000;
    color:#fff!important;
    font-size:14px;
    border-radius:3px
}
.download{
    padding-top:3px;
    padding-bottom:5px
}
.footer{
    padding:6px 5px 6px 8px;
    border-top:1px solid #0c6;
    border-bottom:3px solid #333;
    border-right:3px solid #333;
    border-left:3px solid #333;
    color:#7c7c7c
}
.footer a{
    color:#0c6
}
.me a,.me a:focus,.me a:hover{
    color:#fff
}
@media print{
    .center{
        text-align:center
    }
}
.me{
    font-size:28px;
    padding:7px;
    border-bottom:3px solid #0c6
}
.btn-orange{
    background:#000;
    padding:4px 5px 4px 5px;
    color:#ccc!important;
    font-weight:700;
    border-top:1px solid orange;
    border-bottom:1px solid orange;
    border-left:5px solid orange;
    border-right:5px solid orange;
    font-size:15px;
    text-align:center;
    margin:3px 0 3px 20px
}
.btn-lime{
    background:#000;
    padding:4px 5px 4px 5px;
    color:#ccc!important;
    font-weight:700;
    border-top:1px solid #0f0;
    border-bottom:1px solid #0f0;
    border-left:5px solid #0f0;
    border-right:5px solid #0f0;
    font-size:15px;
    text-align:center;
    margin:3px 0 3px 20px
}

.btn-lime-dl{
    background:#000;
    padding:10px 5px 10px 5px;
    color:#ccc!important;
    font-weight:700;
    border-top:1px solid #0f0;
    border-bottom:1px solid #0f0;
    border-left:5px solid #0f0;
    border-right:5px solid #0f0;
    font-size:15px;
}