body
{
	margin:0;
	padding:0;
	color:#FFF;
	font-family: Roboto;	
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:none;
}

section canvas{ z-index:99; position:absolute;}
.time, .weather, .footer { z-index:999999;}

.time
{
	position:absolute;
	width:41%;
	right:9%;
	top:25%;
	font-size:135px;
	text-align: center;
	text-shadow: 2px 2px 10px rgba(0, 31, 46, 1);	
}

.time span:first-child
{
	font-size:70px;
}

.weather
{
	position:absolute;
	left:9%;
	top:32%;
	width:41%;
	text-align: center;
}
.label-temperature
{
	text-shadow: 2px 2px 10px rgba(0, 31, 46, 1);	
	font-size: 110px;	
}

.label-description
{
	text-shadow: 2px 2px 10px rgba(0, 31, 46, 1);	
	font-size: 72px;
	font-family: roboto;
	padding-top:15px;
}
.footer
{
	position:absolute;
	bottom:10px;
	width:40%;
	left:30%;
	text-align:center;
	font-size:25px;
	text-shadow: 2px 2px 10px rgba(0, 31, 46, 1);	
}
@media screen and (max-width:1550px) {
	.time span:first-child
	{
		font-size:60px;
	}
}
@media screen and (max-width:1220px) {
	.time
	{
		width:43%;
		right:7%;
	}
	.weather
	{
		left:7%;
		width:43%;
	}
}
@media screen and (max-width:1185px) {
	.time
	{
		width:48%;
		right:2%;
	}

	.time span:first-child
	{
		font-size:60px;
	}

	.weather
	{
		left:2%;
		width:48%;
	}
	.footer
	{
		bottom:10px;
		width:50%;
		left:25%;
	}
}
@media screen and (max-width:1040px) {
	.time
	{
		width:55%;
		right:0%;
	}
	.weather
	{
		left:0%;
		width:45%;
	}
}
@media screen and (max-width:925px) {
	.time
	{
		width:80%;
		right:10%;
		top:5%;
	}

	.weather
	{
		left:10%;
		top:55%;
		width:80%;
	}
}