Template:Main Page/styles.css

.mp-topbanner {
	margin-bottom: 5px;
	font-size: 90%;
	border-radius: 10px;
	display: table;
	width: 100%;
	padding: 3px;
}

.mp-topheadline {
    border: 1px solid #ccc;
    padding: 10px;
    background: #fcfcfc;
}

.mp-toplogo {
	display:table-cell;
	border-right: 0;
	vertical-align: middle;
}

.mp-topcontent {
	width:60%;
	display:table-cell;
	border-right: 0;
	vertical-align: middle;
}

.mp-headline {
	font-family: Alley Oop;
	font-size: 1.5em;
}

.mp-statistics {
	font-family: Khand;
}

.mp-statistics p {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 10px 10px 0 10px;
}

.mp-topcolumn {
	display:table-cell;
	vertical-align: middle;
}

.mp-topstats {
	vertical-align: middle;
	display: table-cell;
	width: 20%;
}

.mp-toprow {
	display: table;
	width: 100%;
}

.icon img:hover {
	 animation: shake 0.5s;
  animation-iteration-count: 1;
}

@keyframes shake {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(-3deg); }
	20% { transform: rotate(0deg); }
	30% { transform: rotate(3deg); }
}

@media only screen and (max-width: 600px) {
	.mp-topcontent, .mp-toplogo {
	  display: table-header-group !important;
	}
}