h1 {
    width: 420px;
    margin: auto;
    background: #7FBD32;
    padding: 20px;
    border: 1px solid #696969;
}
body {
    background: #DAF0C2;
}
form {
    width: 420px;
    margin: auto;
    background:#B0DC7A;
    padding: 20px;
    border: 1px solid #696969;
}
label {
    background: #699F28;
    color: white;
    border-radius: 5px 5px 0 0;
    padding: 3px 5px;
    display: inline-block;
}
textarea {
    width: 200px;
}
input[name="musik"] {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
    position: relative;
}
input[name="musik"]:active, input[name="musik"]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[name="musik"]:checked {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
input[name="musik"]:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}
input[name="musik"] {
    padding: 11px;
}

input[name="musik"]:checked:after {
	font-size: 16px;
	left: 4px;
}
input[type="range"] {
    width: 100%;
}
footer {
    width: 420px;
    margin: auto;
    background: #7FBD32;
    padding: 8px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #696969;
    height: 30px;
}