Main Page/styles.css

.mainpage-body { margin:auto; }

{	display: inline-block; width: 100%; border-radius:12px; } .mainpage-banner-overlay { position: absolute; top: 65px; width: 100%; }
 * 1) mainpage-banner span

.mainpage-header { display: flex; margin: 2em 5em; align-items:baseline; }

.header-intro { flex: 2; }

.header-intro h1 { font-size: 2.5em; border: none; margin: 0 0 .15em; }

.header-intro p { font-size: 1.1em; line-height: 1.7em; }

.header-stats { display: flex; align-items: center; margin:auto; } .header-stats ul { list-style: none; }

@media screen and (max-width: 800px) { .mainpage-header { flex-direction: column; margin:2em; } }

.mainpage-frame { box-shadow: 0 0 .3em #999; border-radius: 1em; width:100%; } .mainpage-frame:after { display: block; content: ""; clear: both; } .separator { width:5%; margin:1em auto; } .frame-header { background-color:#b50014; border-radius: 1em 1em 0.25em 0.25em; color: #fff; padding: .4em .8em .5em; font-weight: bold; } .frame-header:before { display: inline-block; /* Add some content in order to get normal line height, then make it transparent */ content: "x"; color: transparent; width: 40px; opacity: .7; background-size: contain; background-repeat: no-repeat; background-position: left center; } .frame-body { padding: 1em; }