@import url(https://fonts.googleapis.com/css?family=Open+Sans|Belleza&subset=latin,cyrillic-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:700,400&subset=latin,cyrillic-ext,cyrillic);


body {
	background-color: #101010;
	text-align: center;
	color: #E0E040;
	font: normal 13px 'Roboto', 'Open Sans';
}
::selection {
	background-color: white;
	color: #101010;
}

a, a:visited {
	color: #E08010;
}
a:hover {
	color: #D09015;
}

/**** MAIN ****/
.wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 500px;
	margin: -250px 0 0 -250px;
	font-size: 18px;
}
/**** PAGES ****/
.pun {
	width: 800px;
	margin: auto;
}
h1 {
	font: bold 40px 'Belleza', 'Open Sans';
	margin: 0;
	text-shadow: #FF9 0 0 40px;
}
textarea {
	width: 100%;
	height: 300px;
}
textarea, input, button, select {
	background: #303030;
	border: 1px solid #202020;
	color: #E0E040;
}
textarea:hover, input:hover, button:hover, option:hover {
	background: #404040;
}
textarea:focus, input:active, button:active, option[selected], option.checked {
	background: #505050;
}


.mainlogo img {
	height: 400px;
	width: 400px;
	margin: -20px auto;
}
.social img {
	height: 50px;
	width: 50px;
	margin: 0 2px 2px 0;
	opacity: 0.4;
}
@-webkit-keyframes 'animRtnBtn' { from { opacity: 0.4; } to { opacity: 1.0; } }
@-moz-keyframes 'animRtnBtn' { from { opacity: 0.4; } to { opacity: 1.0; } }
@-o-keyframes 'animRtnBtn' { from { opacity: 0.4; } to { opacity: 1.0; } }
@keyframes 'animRtnBtn' { from { opacity: 0.4; } to { opacity: 1.0; } }
.social img:hover {
	-webkit-animation: 'animRtnBtn' 0.5s;
	-moz-animation: 'animRtnBtn' 0.5s;
	-o-animation: 'animRtnBtn' 0.5s;
	animation: 'animRtnBtn' 0.5s;
	opacity: 1.0;
}
pre {
    display: inline;
    font: inherit "Courier New" bold;
}
table td {
    text-align: center;
    padding: 10px 0;
}

.box {
    margin: 10px;
    border: 1px solid;
    padding: 10px;
}