*	{ box-sizing: border-box; -webkit-transition: opacity .25s ease-in; transition: opacity: .25 ease-in; }

html,body	{ width: 100%; height: 100%; margin: 0; font-family: helvetica, arial, sans-serif; color: white; }

.container	{ width: 100%; height: 100%; }
.block	{ float: left; width: 20%; height: 20%; overflow: hidden; }
	.block:hover	{ opacity: .5; }

.block01	{ background: rgba(255,180,35,1); }
.block02	{ background: rgba(255,160,30,1); }
.block03	{ background: rgba(255,150,20,1); }
.block04	{ background: rgba(255,130,30,1); }
.block05	{ background: rgba(255,100,30,1); }
.block06	{ background: rgba(255,195,0,1); }
.block07	{ background: rgba(255,170,0,1); }
.block08	{ background: rgba(255,145,0,1); }
.block09	{ background: rgba(255,125,0,1); }
.block10	{ background: rgba(255,100,0,1); }
.block11	{ background: rgba(190,210,25,1); }
.block12	{ background: rgba(215,185,0,1); }
.block13	{ background: rgba(225,150,5,1); }
.block14	{ background: rgba(230,135,0,1); }
.block15	{ background: rgba(235,100,0,1); }
.block16	{ background: rgba(64,195,130,1); }
.block17	{ background: rgba(95,170,115,1); }
.block18	{ background: rgba(110,155,115,1); }
.block19	{ background: rgba(150,135,110,1); }
.block20	{ background: rgba(150,105,105,1); }
.block21	{ background: rgba(0,225,255,1); }
.block22	{ background: rgba(0,205,255,1); }
.block23	{ background: rgba(0,190,255,1); }
.block24	{ background: rgba(0,175,250,1); }
.block25	{ background: rgba(0,145,240,1); }

.word	{ padding: 20px; opacity: .25; font-size: 30px; font-weight: bold; letter-spacing: -.05em; }



@media only screen
and (max-width: 568px)
{

/*.block	{ float: none; width: 100%; height: -webkit-calc(100% / 25); height: -moz-calc(100% / 25); height: calc(100% / 25); }*/

}