style.css

/* Desain by suryo dwijayanto */
body,h1,h2,h3,h4,h5,h6,p,ul{margin:0}.mdonatelah,button{cursor:pointer;transition:.3s}.mdonatelah,a,button{transition:.3s}body{font-family:Rubik,sans-serif;font-optical-sizing:auto;font-weight:<weight>;font-style:normal;color:#fff;background:#000}.anton-regular{font-family:Anton,sans-serif;font-weight:400;font-style:normal}footer,header{padding:20px;margin:0 auto;width:800px;background:#111;font-family:monospace;text-align:center;border-left:1px solid gray;border-right:1px solid gray}a{color:#ff4500}a:hover{color:#ff8c00}ul{list-style-type:none}.mdonatelah{position:fixed;left:0;bottom:30%;padding:12px 16px;background:#ff4500;transform:rotate(90deg);margin-left:-90px;text-align:center;border-radius:20px 20px 0 0}.mdonatelah:hover{margin-left:-58px}.najd{padding-bottom:8px}.input,button{width:100%;padding:12px 20px}header{color:#fff;border-top:1px solid gray}.main{background-image:url('mybg.jpg');background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}main{padding:20px;margin:0 auto;width:800px;background:#222;border-left:1px solid gray;border-right:1px solid gray}main h2{padding:10px 0}.input{margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}#audioTime,button{border:none;color:#fff}.mpre{white-space:pre-wrap}.mcode{background:#333;padding:10px}.scp{padding:15px 0 10px}#audioTime{background:0 0;cursor:default}#audioPreview{margin-top:8px;width:100%}button{background:red;border-radius:5px;margin-top:15px}button:hover{background:#8b0000}.bbtn{background:green!important}.bbtn:hover{background:#006400!important}footer{color:#fff;border-bottom:1px solid gray}@media only screen and (max-width:850px){main{border-top:1px solid gray;border-bottom:1px solid gray;width:75%}footer,header{width:auto;border:none}}