@font-face {
	font-family: pw_font;
	src: url(resources/radikalwut-bold.otf);
}

body {
	margin: 0;
	font-family: Arial;
	background-color: #F7F5F6;
}

#main {
	margin: 20px;
}

form {
	display: inline-block;
}

ul {
	text-align: left;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #3C3C4C;
}

li {
	float: left;
}

li a {
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	transition: 0.3s;
}

li a:hover:not(.active) {
	background-color: #6ABA9C;
}

.active {
	background-color: #6ABA9C;
}

textarea {
	resize: none;
	border:  2px solid #ccc;
	border-radius: 6px;
	font-size: 20px;
	background-image: url('img/note.png');
	background-size: 20px 20px;
	background-position: 3px 3px;
	background-repeat: no-repeat;
	padding-left: 25px;
	display: block;
	transition: 0.3s;
}

textarea:focus {
	background-image: none;
	padding-left: 5px;
}

#submit {
	font-family: Roboto;
	font-weight: bold;
	font-size: 30px;
	color: black;
	background-color: #B5FFE2;
	border: none;
	border-radius: 6px;
	padding: 16px 120px;
	transition: 0.3s;
	display: block;
}

#submit:hover {
	cursor: pointer;
	color: white;
	background-color: #6ABA9C;
}

.small_input {
	border: 2px solid #ccc;
	border-radius: 6px;
	background-color: white;
  	font-size: 20px;
  	padding-left: 27px;
  	background-repeat: no-repeat;
  	display: block;
  	transition: 0.3s;
  	width: 250px;
}

#namedays {
	background-image: url('img/speech-bubble.png');
	background-size: 20px 20px;
	background-position: 3px 2px;
	font-family: monospace;
	width: 500px;
}

#namedays:focus {
	background-image: none;
	padding-left: 5px;
}

#autor {
	background-image: url('img/human.png');
	background-size: 25px 25px;
}

#autor:focus {
	background-image: none;
	padding-left: 5px;
}

#date {
	background-image: url('img/calendar.png');
	background-size: 20px 20px;
	background-position: 3px 2px;
}

#date:focus {
	background-image: none;
	padding-left: 5px;
}

#title {
	background-image: url('img/sign.png');
	background-size: 20px 20px;
	background-position: 3px 2px;
	font-family: monospace;
}

#title:focus {
	background-image: none;
	padding-left: 5px;
}

input[type=reset] {
	border: 2px solid #CCC;
	border-radius: 6px;
	font-size: 17px;
	font-weight: bold;
	background-color: #D8D8D8;
	transition: 0.3s;
	display: block;
}

input[type=reset]:hover {
	cursor: pointer;
	background-color: #AAAAAA;
	border: 2px solid #AAAAAA;
}

select {
	border: 2px solid #AAAAAA;
	border-radius: 5px;
	color: grey;
	font-size: 20px;
}

#name {
	font-size: 32px;
	font-family: pw_font;
}

#header {
	text-align: left;
	background-color: #6ABA9C;
	padding: 20px;
	border-bottom: 1rem solid;
	border-bottom-color: #3C3C4D;
	color: #3C3C4D;
}

#lead {
	margin: 20px;
}

#rdata {
	font-size: 20px;
	font-family: pw_font;
}

#render {
	font-family: 'Courier Prime';
	font-size: 20px;
	height: 1055px;
	width: 820px;
	background-color: #E6F1EC;
}

#logo {
	float: right;
	padding-top: 20px;
}

#newses {
	margin: 20px;
}

#ending {
	margin: 20px;
}

.news {
	text-align: left;
	word-wrap: normal;
	width: 720px;
	font-size: 16px;
	padding-left: 40px;
}

.title {
	font-weight: bold;
	padding-left: 40px;
}