body {
	font-family: 'Candara', sans-serif;
	font-weight: 500;
	font-size: 17px;
	color:black;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5deea+0,8abbd7+31,066dab+100;Web+2.0+Blue+3D+%231 */
	background: #c5deea; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #c5deea 0%, #8abbd7 31%, #066dab 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
div {
	width: 331px;
	max-width: 550px;
	margin: 1em auto 2.5em;
	text-align: center;
}
div:first-child {
	margin-top: 3em;
}
#search-query {
	font-size:20px;
	padding:5px;
}
a {
	text-decoration:underline;
	color:#333;
}
a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
	color: #ffffff;
    width: 23px;
    height: 30px;
    background-color: #3498db;
	border-radius: 10px;
}
.footer {
	font-weight:bold;
	font-size:20px;
	display: block;
}

.tagcloud01 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.tagcloud01 ul li {
	display: inline-block;
	margin: 0 -0.2em 0.3em 0;
	padding: 0;
	position: relative;
}

a:hover {
	transform: scale(1.33);
	transition: 1.0s;
}

.tagcloud01 a.info {
    background-color: inherit;
    border: none;
}
.tagcloud01 ul li a {
	display: inline-block;
	max-width: 3000px;
	height: 28px;
	line-height: 28px;
	background-color: #3498db;
	border: 0px solid #3498db;
	color: #fff;
	padding: 0 1em;
	border-radius: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-decoration: none;
	-webkit-transition: .5s;
	transition: .5s;
}
.tagcloud01 ul li a:hover {
	border: 0px solid #3498db7a;
	color: #fff;
}

.tagcloud01 a.info:hover {
    background-color: inherit;
    border: none;
}

.google {
    margin-top: 8px;
    margin-left: -13px;
    margin-right: -5px;
    height: 15px;
}
.news {
    margin-top: 8px;
    margin-left: -13px;
    margin-right: 5px;
    height: 15px;
}
.hot {
    border-left: 3px solid #ff0000b8 !important;
}

.cold {
    border-left: 3px solid #333 !important;
}

#content {
	position:  relative;
	animation: animateright 1.1s
}
@keyframes animateleft {
	from { left:-40px; opacity:0 } 
	to   { left:0;     opacity:1 }
}

#footer {
	position:  relative;
	animation: animateright 0.3s
}
@keyframes animateright {
	from    { right:-40px; 	opacity:0 }
	to 		{ right:0; 		opacity:1 } 
}

@media screen and (max-width: 425px) {
  .tag  { font-size: 20px !important; }
  h3 { font-size:16px; }
  h1 { font-size:20px; }
  #content { width: 98%; margin:60px 10px 30px 10px; }
  .tagcloud01 ul li   {	display:flow-root; }
  .tagcloud01 ul li a {	max-width: 250px; }
}

@media screen and (max-width: 375px) {
  .tag  { font-size: 18px !important; }
  h3 { font-size:16px; }
  h1 { font-size:20px; }
  #content { width: 98%; margin:60px 10px 30px 10px; }
  .tagcloud01 ul li   {	display:flow-root; }
  .tagcloud01 ul li a {	max-width: 150px; }
}