@import url(https://fonts.googleapis.com/css?family=Roboto:300,500);

* {
	margin:0;
	padding:0;
}

/* Set some nice typographic basics. */
body{
	background:#111;
	max-width:29em;
	margin:0 auto;
	line-height:1.4;
	color:#606B6C;
	color:#bbb;  /* #ffeb3b*/
	padding:2em;
  font-size: 1.3em;
  line-height: 1.35em;
  font-family: 'Roboto','helvetica neue', helvetica, arial, sans-serif;
  font-weight: 200;
}

footer {
	color: #333;
	background-color: #111; 
	margin:0;
	padding: 10px 0px 10px 0px;
}

small {
	font-size: 0.5em;
}

.bottom{
	text-align:center;
	width:100%; 
	position: absolute; 
	bottom: 14px;
	left: 0;
	height: 20px;
}

@media (min-width:60em){
	body{
		font-size:1.2em;
		padding:4em;
	}
}

h1{
	font-weight:600;
	color:#34495e;
	font-size:2em;
	font-weight:normal;
	line-height:1;
	margin:1em 0;
}

h2{
	font-size:1em;
	letter-spacing:0.1em;
	margin-bottom:1em;
	text-transform:uppercase;
	font-weight:normal;
}

p,ul,ol{
	margin-bottom:1em;
}

ul,ol{
	margin-left:2em;
}

li{
	margin-bottom:0.2em;
	list-style-type: none;
}

a{
	color:#00ff00;
	transition:color 0.2s;
	text-decoration:none;
}

a:hover{
	color:#00aa00;
}

#logo {
	border:solid 0.1em #00ff00;
	margin-bottom:15px;
	padding:0.1em 0;
	text-decoration:none;
	color:#00ff00;
	display:block;
	width:2.0em;
	text-align:center;
	font-size:1.4em;
}

#logo:hover{
	opacity:0.75;
}

@media (min-width:60em){
	#logo{
		border-width:0.1em;
	}
}

h3 {
	font-size:1em;
	margin-bottom:0.2em;
}

h3 a{
	text-decoration:none;
}

em em{
	font-style:normal;
}

video,
img{
	display:block;
	width:100%;
	margin:2em 0;
	box-shadow:0 0.2em 0.2em rgba(0,0,0,0.1);
}

hr {
	border:0;
	height:0;
	border-bottom:solid 0.16em #ecf0f1;
	margin:2em 0;
}

/* It’s the little things. */
::-moz-selection{
    background:#999999;
}

::selection{
    background:#999999;
}

.social img {
	display:inline;
	margin:0 0;
	box-shadow:0 0.2em 0.2em rgba(0,0,0,0.1);
	width: 50px;
	height: 50px;
}

.social { 
    margin: 0; /* Обнуляем значение отступов */
    padding: 4px; /* Значение полей */
}

.social li {
    display: inline; /* Отображать как строчный элемент */
    margin-right: 5px; /* Отступ слева */
    /* border: 1px solid #000; */ /* Рамка вокруг текста */
    padding: 3px; /* Поля вокруг текста */
}

.cat-wrapper{
	margin:0 auto;
	position:absolute;
	top:-40px;
	bottom:40px;
	right:0;
	left:0;
	z-index:1;
}
.cat-wrapper canvas{
	width:100%;
	height:100%;
}