/* ------ GENERAL STYLING, i.e., styles that apply to all things ------ */

body {
	width: 100%;
	height: 100vh;
}

#shape { 
	background: blue; 
	width: 100px;
	height: 100px;
}

.container { 
	display: none; 
	width: 100%;
	height: 100%;
	background-size: cover;
}


/* ------ DAILY PROGRAMMING STYLES ------ */

.default {
	max-width: 100%;
	min-height: 100vh;
}

.alarmstate {
  padding-bottom: 20px;
  padding-top: 20px;
  padding-right: 40px;
  padding-left: 40px;
}


.night {
	max-width: 1024 px;
	min-height: 100%;
}

.afternoon {
	max-width: 1024 px;
	min-height: 100%;
}




/* ------ SPECIAL PROGRAMMING STYLES (i.e., maybe it's chronologically organized) ------ */

.newyears {
	 background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); 
    background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); 
    background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); 
    background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); 
}

.white {
	background: rgb(96,48,0);
	background: -moz-linear-gradient(top, rgb(96,48,0) 0%, rgb(255,255,255) 100%);
	background: -webkit-linear-gradient(top, rgb(96,48,0) 0%,rgb(255,255,255) 100%);
	background: linear-gradient(to bottom, rgb(96,48,0) 0%,rgb(255,255,255) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#603000', endColorstr='#ffffff',GradientType=0 );
}	


.redblackgreen {
	background: rgb(234,0,0);
	background: -moz-linear-gradient(top, rgb(234,0,0) 0%, rgb(0,0,0) 44%, rgb(92,196,51) 100%);
	background: -webkit-linear-gradient(top, rgb(234,0,0) 0%,rgb(0,0,0) 44%,rgb(92,196,51) 100%);
	background: linear-gradient(to bottom, rgb(234,0,0) 0%,rgb(0,0,0) 44%,rgb(92,196,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0000', endColorstr='#5cc433',GradientType=0 );
}

.red {
	background: rgb(150,0,0);
	background: -moz-linear-gradient(top, rgb(150,0,0) 0%, rgb(255,56,56) 100%);
	background: -webkit-linear-gradient(top, rgb(150,0,0) 0%,rgb(255,56,56) 100%);
	background: linear-gradient(to bottom, rgb(150,0,0) 0%,rgb(255,56,56) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#960000', endColorstr='#ff3838',GradientType=0 );
}

.purplewhite {
	background: rgb(194,81,214);
	background: -moz-linear-gradient(top, rgb(194,81,214) 0%, rgb(186,176,186) 100%);
	background: -webkit-linear-gradient(top, rgb(194,81,214) 0%,rgb(186,176,186) 100%);
	background: linear-gradient(to bottom, rgb(194,81,214) 0%,rgb(186,176,186) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c251d6', endColorstr='#bab0ba',GradientType=0 );
}

.purple {
	background: rgb(105,0,186);
	background: -moz-linear-gradient(top, rgb(105,0,186) 0%, rgb(163,22,206) 100%);
	background: -webkit-linear-gradient(top, rgb(105,0,186) 0%,rgb(163,22,206) 100%);
	background: linear-gradient(to bottom, rgb(105,0,186) 0%,rgb(163,22,206) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6900ba', endColorstr='#a316ce',GradientType=0 );
}

.bluepurple {
	background: rgb(83,92,224);
	background: -moz-linear-gradient(top, rgb(83,92,224) 0%, rgb(191,32,185) 100%);
	background: -webkit-linear-gradient(top, rgb(83,92,224) 0%,rgb(191,32,185) 100%);
	background: linear-gradient(to bottom, rgb(83,92,224) 0%,rgb(191,32,185) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535ce0', endColorstr='#bf20b9',GradientType=0 );
}

.redyellow {
	background: rgb(252,0,0);
	background: -moz-linear-gradient(top, rgb(252,0,0) 0%, rgb(247,206,27) 100%);
	background: -webkit-linear-gradient(top, rgb(252,0,0) 0%,rgb(247,206,27) 100%);
	background: linear-gradient(to bottom, rgb(252,0,0) 0%,rgb(247,206,27) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0000', endColorstr='#f7ce1b',GradientType=0 );
}

.bluewhite {
	background: rgb(2,0,147);
	background: -moz-linear-gradient(top, rgb(2,0,147) 0%, rgb(34,48,204) 42%, rgb(255,255,255) 100%);
	background: -webkit-linear-gradient(top, rgb(2,0,147) 0%,rgb(34,48,204) 42%,rgb(255,255,255) 100%);
	background: linear-gradient(to bottom, rgb(2,0,147) 0%,rgb(34,48,204) 42%,rgb(255,255,255) 100%);
fillilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020093', endColorstr='#ffffff',GradientType=0 );
}

.purpleyellow {
	background: rgb(97,0,132);
	background: -moz-linear-gradient(top, rgb(97,0,132) 0%, rgb(247,224,54) 100%);
	background: -webkit-linear-gradient(top, rgb(97,0,132) 0%,rgb(247,224,54) 100%);
	background: linear-gradient(to bottom, rgb(97,0,132) 0%,rgb(247,224,54) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#610084', endColorstr='#f7e036',GradientType=0 );
}

.redwhiteblue {
	background: rgb(209,0,13);
	background: -moz-linear-gradient(top, rgb(209,0,13) 0%, rgb(255,255,255) 49%, rgb(51,85,234) 100%);
	background: -webkit-linear-gradient(top, rgb(209,0,13) 0%,rgb(255,255,255) 49%,rgb(51,85,234) 100%);
	background: linear-gradient(to bottom, rgb(209,0,13) 0%,rgb(255,255,255) 49%,rgb(51,85,234) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1000d', endColorstr='#3355ea',GradientType=0 );
}

.orangeblue {
	background: rgb(255,136,0);
	background: -moz-linear-gradient(top, rgb(255,136,0) 0%, rgb(51,85,234) 100%);
	background: -webkit-linear-gradient(top, rgb(255,136,0) 0%,rgb(51,85,234) 100%);
	background: linear-gradient(to bottom, rgb(255,136,0) 0%,rgb(51,85,234) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8800', endColorstr='#3355ea',GradientType=0 );
}

.greenblue {
	background: rgb(21,160,0);
	background: -moz-linear-gradient(top, rgb(21,160,0) 0%, rgb(51,85,234) 100%);
	background: -webkit-linear-gradient(top, rgb(21,160,0) 0%,rgb(51,85,234) 100%);
	background: linear-gradient(to bottom, rgb(21,160,0) 0%,rgb(51,85,234) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15a000', endColorstr='#3355ea',GradientType=0 );
}

.orange {
	background: rgb(246,230,180);
	background: -moz-linear-gradient(top, rgb(246,230,180) 0%, rgb(237,144,23) 100%);
	background: -webkit-linear-gradient(top, rgb(246,230,180) 0%,rgb(237,144,23) 100%);
	background: linear-gradient(to bottom, rgb(246,230,180) 0%,rgb(237,144,23) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 );
}

.green {
	background: rgb(180,221,180);
	background: -moz-linear-gradient(top, rgb(180,221,180) 0%, rgb(131,199,131) 17%, rgb(82,177,82) 33%, rgb(0,138,0) 67%, rgb(0,87,0) 83%, rgb(0,36,0) 100%);
	background: -webkit-linear-gradient(top, rgb(180,221,180) 0%,rgb(131,199,131) 17%,rgb(82,177,82) 33%,rgb(0,138,0) 67%,rgb(0,87,0) 83%,rgb(0,36,0) 100%);
	background: linear-gradient(to bottom, rgb(180,221,180) 0%,rgb(131,199,131) 17%,rgb(82,177,82) 33%,rgb(0,138,0) 67%,rgb(0,87,0) 83%,rgb(0,36,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 );
}

.purplegrey {
	background: rgb(172,87,237);
	background: -moz-linear-gradient(top, rgb(172,87,237) 0%, rgb(121,126,142) 100%);
	background: -webkit-linear-gradient(top, rgb(172,87,237) 0%,rgb(121,126,142) 100%);
	background: linear-gradient(to bottom, rgb(172,87,237) 0%,rgb(121,126,142) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac57ed', endColorstr='#797e8e',GradientType=0 );
}

.purplepink {
	background: rgb(172,87,237);
	background: -moz-linear-gradient(top, rgb(172,87,237) 0%, rgb(239,1,124) 100%);
	background: -webkit-linear-gradient(top, rgb(172,87,237) 0%,rgb(239,1,124) 100%);
	background: linear-gradient(to bottom, rgb(172,87,237) 0%,rgb(239,1,124) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac57ed', endColorstr='#ef017c',GradientType=0 );
}

.blueyellow {
	background: rgb(83,92,224);
	background: -moz-linear-gradient(top, rgb(83,92,224) 0%, rgb(239,229,40) 100%);
	background: -webkit-linear-gradient(top, rgb(83,92,224) 0%,rgb(239,229,40) 100%);
	background: linear-gradient(to bottom, rgb(83,92,224) 0%,rgb(239,229,40) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535ce0', endColorstr='#efe528',GradientType=0 );
}

.christmas {
	background: #f29130;
	background: -moz-linear-gradient(top, #f29130 0%, #7db9e8 100%);
	background: -webkit-linear-gradient(top, #f29130 0%,#7db9e8 100%);
	background: linear-gradient(to bottom, #f29130 0%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29130', endColorstr='#7db9e8',GradientType=0 );
}