form{
	background:rgb(255,255,255,0.5);
	margin:20px;
	border-radius:5px;
	padding:20px;
	text-align:left;
}

form,fieldset{
	display:flex;
	flex-direction:column;
}

input,button,textarea{
	font-family:'Scada';
	font-size:20px;
	border:1px solid rgba(0,0,0,0.5);
}

textarea{
	height:300px;
	resize:none;
}

input,textarea{
	background:rgba(255,255,255,0.5);
	padding:10px;
	border-radius:5px;
}

input[type="submit"],button{
	color:rgb(255,255,255);
	background: linear-gradient(
		0deg, 
		rgba(20,0,50,0.7),
		rgba(35,0,35,0.7),
		rgba(50,0,20,0.7)
	);
	padding:20px;
	width:fit-content;
	padding-left:50px;
	padding-right:50px;
	border-radius:5px;
	cursor:pointer;
	margin-top:20px;
}

input[type="submit"]:hover,button:hover{
	background-color: rgba(50,0,50,0.5);
}

progress{
	display:block;
	background:rgba(100,100,100,0.5);
	border:2px solid rgb(100,100,100);
	border-radius:3px;
	height:20px;
	margin:20px auto;
	width:200px;
}

progress::-webkit-progress-value {
    background-color: #4caf50; /* Цвет заполненной части (для Chrome, Safari) */
}

progress::-webkit-progress-bar {
    background-color: #e0e0e0; /* Цвет незаполненной части (для Chrome, Safari) */
}

progress::-moz-progress-bar {
    background-color: #4caf50; /* Цвет заполненной части (для Firefox) */
}

label{
	margin-top:20px;
}

input[type="radio"] {
	appearance: none;
	width: 20px;
	height: 20px;
	border: 2px solid rgb(255,255,255);
	outline: 2px solid rgba(100,0,100,0.5);
	border-radius: 50%;
	background-color: rgba(255,255,255,0.5);
	transition: background-color 0.3s, border-color 0.3s;
	cursor: pointer;
}

input[type="radio"]:checked {
	background-color: rgba(100,0,100,0.5);
}