/*

#invert-colors {
background-color: rgb(255, 255, 255);
width: 100vw;
height: 100vh;
z-index: 99;
mix-blend-mode: difference;
position: absolute;
pointer-events: none;
display: none;
}
#ico-colors {
width: 25px;
bottom: 25px;
right: 25px;
position: absolute;
}
*/
#wrap_typing {
	max-height: 415px;
	margin-top: 100px;
	display: inline-block;
	position: absolute;
	z-index: 1;
	outline: 0px solid transparent;
	overflow: visible;
}
.controls{
	background-color: #151515;
	width: 320px;
	padding-left: 40px;
	padding-top: 10px;
	position: relative;
	display: inline-block;
	z-index: 9;
}


.type-svg {
	background-color: #0f0f0f;
	/*    border: 3px solid black;*/
	border-radius: 100px;
	text-align: center;
	width: calc(100% - 35px);
	height: 23px;
	color: #f5f5f5;
	font-family: SuisseIntl-Light;
	font-size: 17pt;
	padding-top:20px;
	padding-bottom:23px;
	margin-top: 30px;
	margin-bottom: 70px;
}




.name-para {
	width: 200px;
	color: #f5f5f5;
	font-family: SuisseIntl-Light;
	font-size: 12pt;
	margin-top: 35px;
	margin-bottom: 5px;
	margin-left: 7px;
}


.value-para {
	width: 50px;
	color: #777777;
	font-family: SuisseIntl-Light;
	font-size: 12pt;
	text-align: right;
	margin-top: -25px;
	margin-left: 240px;
	display: inline-block;
	position: absolute;
}


.frame_svg {
	width: 182px;
	height: 45px;
	margin-right: -117px;
	margin-top: -11px;
	overflow: visible;
}

#typing {
	display: inline-block;
}

.svg {
	fill:none;
	stroke:#f4f4f4;
	stroke-width:1;
	vector-effect:non-scaling-stroke;
	stroke-dasharray:0%;
	stroke-linejoin:round;
	stroke-linecap:round;
	stroke-dasharray:0%;
	stroke-dashoffset:0%;
	/*    animation: dash 50s linear;*/
}

/*
@keyframes dash {
to {
stroke-dashoffset: 10000;
}
}
*/

span.break{
	width:0px;
	height: auto;
	display: block;
}
span.space{
	width:-25px;
	display: inline-block;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type='range'] {
		overflow: hidden;
		width: 290px;
		-webkit-appearance: none;
		background-color: lightgrey;
		border-radius:50px;
	}

	input[type='range']::-webkit-slider-runnable-track {
		height: 17px;
		-webkit-appearance: none;
		color: red;
		border-radius:90px;
	}

	input[type='range']::-webkit-slider-thumb {
		width: 17px;
		-webkit-appearance: none;
		height: 17px;
		cursor: ew-resize;
		background: black;
		border-radius:20px;
		border: 5px solid grey;
	}

}

textarea:focus, input:focus{
	outline: none;
}