:focus {
	outline: none;
}


section, aside {
	width: 50%;
	float: left;
	max-width: 600px;
	padding: 0 30px;
}
section *, article * {
	font-family: calibri;
	font-size: 16px;
	line-height: 1.3;
}
input, textarea, label, button, #uzenet {
	padding: 5px 10px;
	border-radius: 5px;
}

input {
	width: calc(100% - 25px);
	border: 2px solid #ddd;
	background: #eee;
}
input:focus {
	border: 2px solid #000;
	background: #ddd;	
}

input.check {
	display: none;
}

textarea {
	border: none;
	width: calc(100% - 34px);
	height: 200px;
	resize: vertical;
}

label:has(input.check) {
    background: #ddd;
    cursor: pointer;
    margin-right: 7px;
    margin-bottom: 7px;
    display: inline-block;
	min-width: 15px;
    text-align: center;
}
label:has(input.check):hover {
	background: #ccc;
}
label:has(input.check:not(.x):checked) {
	background: #000;
	color: #fff;
}
label:has(input.check:not(.x):checked):hover {
	background: #333;
}

div {
	padding: 10px 0;
}

button {
	cursor: pointer;
	border: none;
	font-size: 20px;
	font-weight: bold;
	background: #000;
	color: #fff;
}
button:hover {
	background: #333;
}

hr {
	border: none;
	border-bottom: 2px solid #ccc;
}

#uzenet {
	opacity: 0;
	background: green;
	color: #fff;
	display: table;
	transition: opacity 0.2s;
}
#uzenet.show {
	opacity: 1;
}