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: 'Rubik',sans-serif; font-weight: 500; font-size: 1em; }

.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; } }