@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700);

.temp{float:right;margin-top: 5px;}

.date sup {
	font-size: 18px;
	position: absolute;
	top: 30px;
}



.weather-widget .weather-icon .icons {
	font-size: 70px;
	position: absolute;
	top: 8px;
	right: 0;
}
.fa-spin {
  -webkit-animation: spin 12s infinite linear !important;
  -moz-animation: spin 12s infinite linear !important;
  -o-animation: spin 12s infinite linear !important;
  animation: spin 12s infinite linear !important;
}
.weather-icon .icons .fa-cloud:before {
	position: absolute;
	top: 33px;
	right: 25px;
}

.days {
	width: 100%;
}
.days ul {
	list-style: none;
	padding:0px;
	margin:0px;
}
.days li {
	display: block;
}
.days li  {
	display: block;
	background: #cc324b;
	padding: 12px 15px;
	border-top: 1px solid #a7293d;
	color: white;
	font-size: 14px;
	text-decoration: none;

	-webkit-transition: background 0.5s;
	transition: background 0.5s;
}
.days li:hover, .days a.active {
	background: #222;
}
.days a span {
	float: right;
}

.whead{
	text-align: center;
background: #cc324b;
color: #fff;
font-size: 14px;
padding: 15px 0 15px 0;
margin: 0px;
}

       canvas {
        display: block;
        float: left;
       margin-right: 8px;
      }

      pre {
        font: 77.8%/1.5em "Lucida Sans Typewriter", "Lucida Console", "Monaco", "Bitstream Vera Sans Mono", monospace;
        margin: 3.375em 1.6875em;
      }

      a, pre span.comment {
        color: royalblue;
      }

      a:visited, pre span.constant {
        /*color: indianred;*/
      }