CHEERLEADING

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } html, body { font-size: 10px; color: black; font-family: Tahoma serif; } body.background{ background-color: rgb(229, 229, 229); } .header { width: 100%; background-color: #7B1FA2; } body.main-background { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/cheer1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a{ text-decoration: none; color: inherit; } h1.img-text{ color: orangered; font-size: 8em; text-align: center; padding: 1.5em; font-family: Verdana serif; text-shadow: 2px 2px 2px white; } .img-text{ color: white; text-shadow: 0 1px 0 black; } .menu.main-menu { background-color: transparent; padding: 0.5em; } .main-menu-item { font-size: 3.5em; } .menu-item.main-menu-item:hover{ background-color: transparent; border-bottom: 2px solid orangered; } .menu { height: 5em; background-color: #7B1FA2; text-align: center; list-style-type: none; display: flex; justify-content: center; align-items: center; } .menu-item { font-size: 3em; padding:0 1em; font-family: Tahoma sans-serif ; color: white; display: inline-block; height: 100%; line-height: 1.5; } .menu-item:hover{ cursor: pointer; background-color: #448AFF; }