add initial major css changes, create index_upcoming_matches, and change index routing

Does it refer to an id="frame" ? be careful with using ids in CSS. I couldn't find it in the slim templates, where is it?