#settings_window, #about_window {
	position: absolute;
	background: #fff;
	border: 2px solid var(--color_p1);
	background: var(--color_p4);
	z-index: 100;
	padding: 20px;
}

#settings_window {
	width: 320px;
	height: 220px;
}

#about_window {
	width: 600px;
	height: 280px;
}

#about_window>p {
	padding: 0;
	margin: 20px 10px;
}

#settings_window input[type="radio"] {
	margin-right: 25px;
}

.settings_bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 100%;
	background: var(--color_p5);
}

.close_window {
	position: absolute;
	top: -2px;
	right: 5px;
	cursor: pointer;
	transition: all .5s ease;
}

.close_window:after {
	content: "\2716";   
}

.close_window:hover {
	transform: rotate(180deg) scale(1.2);
	top: 1px;
	right: 5px;
}

#settings_close, #about_close{
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#settings_save {
	position: absolute;
	right: 120px;
	bottom: 10px;
}

.col_a {
	height: 200px;
	position: absolute;
	top: 40px;
	left: 20px;
	line-height: 2em;
}

.col_b {
	height: 200px;
	position: absolute;
	top: 40px;
	left: 190px;
	line-height: 2em;
}

.col_b>input[type=textarea] {
	width: 145px;
}

input[type=checkbox], label{
	cursor: pointer;
}

label>img {
	border: 1px solid #000;
}

label>input {
	position: relative;
	top: -4px;
	left: 5px;
}