.item,h1{color:#FFF}*{padding:0;margin:0;box-sizing:border-box;transition:all .2s ease-in-out}body{font-family:sans-serif}main{width:100%;max-width:1440px;height:auto;margin-inline:auto;background-color:#39C;border:25px solid #2b81ac;text-align:center}.container{display:flex;flex-direction:column;margin:66px 135px 119px}h1{font-family:"Lucida Sans Unicode";font-size:1.313rem;text-align:left;font-weight:400;margin-bottom:39px}.wrapper{display:block;width:100%;font-size:0;padding:2px;max-width:1170px;margin-inline:auto;list-style:none;font-family:"Lucida Sans Unicode",sans-serif;margin-bottom:35px}.item,.item .item_weather,.item .item_weather p{font-size:1.375rem;text-align:center}.blue{background:#39C}.light-blue{background:#3CC}.purple{background:#969}.red{background:#C24747}.orange{background:#E2674A}.yellow{background:#FC6}.mint{background:#9C9}.steel-blue{background:#699}.pink{background:#C69}.green{background:#396}.indigo{background:#669}.item{padding:2px;display:inline-block;background-color:#fff;width:25%;cursor:pointer}.item:hover{opacity:.6}.item.width50{width:50%}.item.width100{width:100%}.item .item_weather{display:block;color:tomato;line-height:2.625rem}.item .item_weather p{color:rgba(255,255,255,.7);font-family:"Lucida Sans Unicode";font-weight:400}.item .item_weather i{margin-left:8px;color:rgba(255,255,255,.7);font-family:weathericons;font-size:42px;font-weight:400;line-height:normal;vertical-align:middle}.item .item-wrap{padding:25px 0 34px}p{color:#FFF;font-family:"Lucida Sans Unicode";font-size:1rem;font-weight:400;text-align:left}