.slidecontainer {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 10px;
        }
        input[type="range"] {
            width: 200px;
        }
        .value-display {
            width: 50px;
            text-align: center;
            font-size: 1.2em;
        }

.transparent {
   background: rgb(0, 0, 0) transparent;   /* Fallback for web browsers that doesn't support RGBa */
            background: rgba(0, 0, 0, 0.6);   /* RGBa with 0.6 opacity */
             filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);  /* For IE 5.5 - 7*/
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";  /* For IE 8*/
         }
		 
.lobster{
font-family: 'Lobster', cursive;
}

.round-header-block{
	
}
.round-text-block{
	 margin-top: 10px;
    padding: 14px;
	height:200px;
	background: #222222;
	font-family: 'Montserrat', cursive;
    /*background: #467612 url("/img/block_background.jpg") repeat-x;*/
    background-size: 100%;
    border-radius: 22px;
}
.round-text-block-tyo{
	 margin-top: 10px;
    padding: 14px;
	background: #222222;
	font-family: 'Montserrat', cursive;
    /*background: #467612 url("/img/block_background.jpg") repeat-x;*/
    background-size: 100%;
    border-radius: 22px;
}

.spacer-top-xs { margin-top: 10px; }
.spacer-bottom-xs { margin-bottom: 10px; }
.spacer-both-xs { margin-bottom: 10px; margin-top: 10px; }

.spacer-top-sm { margin-top: 20px; }
.spacer-bottom-sm { margin-bottom: 20px; }
.spacer-both-sm { margin-bottom: 20px; margin-top: 20px; }

.spacer-top-md { margin-top: 30px; }
.spacer-bottom-md { margin-bottom: 30px; }
.spacer-both-md { margin-bottom: 30px; margin-top: 30px; }

.spacer-top-lg { margin-top: 40px; }
.spacer-bottom-lg { margin-bottom: 40px; }
.spacer-both-lg { margin-bottom: 40px; margin-top: 40px; }