User:Xehny/fandommobile.css

.evoButton { width: 80px; height: 40px; margin: 10px 5px 5px 5px; background-color: #dedede; display: flex; cursor: pointer; transition: 0.2s; text-align: center; font-family: Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; font-variant: small-caps; color: #212121; align-items:center; justify-content:center; border-radius: 4px; }

.evoButtonRow { display: flex; justify-content: center; width: 100%; }

.sectionHeader { margin:15px auto; border-bottom:1px solid; margin-bottom:15px; font-size:1.2em; font-variant: small-caps; font-weight:bold; font-family:Helvetica, sans-serif; }

.panel-heading { position: relative; text-align: center; font-weight: bold; color: #1f4c1f; margin: 5px; font-size: 1.6em; font-variant: small-caps; }

.panel-body { position: relative; padding: 5px 15px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; overflow: hidden; }

.ability-section { display: flex; flex-direction: row; flex-wrap: wrap; }

.fp-portal-row { display: flex; flex-flow: row nowrap; margin: 0; align-items: self-start; justify-content: space-around; text-align: center; font-weight: bold; max-width: 100%; }

.fp-portal-row div { flex: 0 1 auto; margin: 4px; }

@media only screen and (max-width: 1000px) { .fp-portal-row { flex-flow: row wrap; }   .fp-portal-row > div { max-width: 100px; } }