h1, h2 {
    margin: 10px 5px 10px 5px;
}
h1 {
    font-size: 36px;
    float: left;
}
h2, hr, .clear {
    clear: both;
}
nav, #main, #bottom, #fundex {
    margin-left: 15%;
    margin-right: 15%;
}
table {
    border-collapse: collapse;
}
ul {
    padding-bottom: 15px;
}
ul#downloads {
    list-style: none;
    padding-bottom: 0px;
}
#corner, #theme {
    float: right;
}
#theme {
    cursor: pointer;
    margin-left: 5px;
}
#nav {
    border: 1px solid #c3c6c6;
    margin: 5px 5px 5px 5px;
}
#nav tr td {
    border-right: 1px solid #c3c6c6;
    padding: 5px 10px;
}
#nav tr td:last-of-type {
    border: none;
}
#description {
    float: left;
    max-width: 70%;
}
#fundex td {
    padding: 2px;
}
#fundex img {
    vertical-align: middle;
}
#info {
    float: right;
}
#info, #info td:not(#sprite) {
    border: 1px solid #c3c6c6;
}
#info tr td {
    padding: 1px 2px;
}
#sprite {
    text-align: center;
}
.tier {
    white-space: nowrap;
}
.type {
    width: 100px;
}
.center {
    text-align: center;
}
.arrow_right {
    float: right;
}
.arrow_cell {
    width: 300px;
}
.effect {
    margin: 10px 0px 10px 5px;
}
.wikitable {
    border: 1px solid #c3c6c6;
}
.wikitable thead tr {
    background-color: #f3f4f4;
}
.wikitable tr td, .wikitable tr th {
    border-right: 1px solid #c3c6c6;
    border-bottom: 1px solid #c3c6c6;
    padding: 3px 6px;
}
.effect_0 {
    font-weight: bold;
}
.effect_2 {
    color: #f00;
    font-weight: bold;
}
.Special {
    color: hotpink;
}
.Other {
    color: seagreen;
}
.HA {
    font-style: italic;
}
.progress {
    width: 175px;
    border: 1px solid grey;
    color: #000000!important;
    background-color: #f1f1f1!important;
}
.container {
    height: 5px;
    padding: 0.01em;
    color:#ffffff!important;
    background-color:#15539e!important;
}
.round {
    border-radius: 4px;
}
@media only screen and (max-width: 1775px) {
    #fundex th, #fundex td {
        font-size: 13.5px;
    }
}
@media only screen and (max-width: 1600px) {
    nav, #main, #bottom, #fundex {
        margin-left: 10%;
        margin-right: 10%;
    }
}
@media only screen and (max-width: 1400px) {
    nav, #main, #bottom, #fundex {
        margin-left: 5%;
        margin-right: 5%;
    }
}
@media only screen and (max-width: 1250px) {
    nav, #main, #bottom, #fundex {
        margin-left: 0%;
        margin-right: 0%;
    }
}
@media only screen and (max-width: 1150px) {
    body {
        margin-left: 0px;
        margin-right: 0px;
        font-size: 12px;
    }
    .arrow_cell {
        width: 200px;
    }
    #fundex th, #fundex td {
        font-size: 12px;
    }
}
@media only screen and (max-width: 800px) {
    #effectiveness_table {
        display: flex;
        border: none;
    }
    #effectiveness_table tbody {
        display: flex;
    }
    #effectiveness_table th:first-child, #effectiveness_table td:first-child {
        border-top: 1px solid #c3c6c6;
    }
    #effectiveness_table tr {
        display: flex;
        flex-basis: 10%;
        flex-wrap: wrap;
    }
    #effectiveness_table th, #effectiveness_table td {
        display: flex;
        flex-basis: 100%;
    }
    #info {
        float: none;
    }
    .stat_bar {
        display: none;
    }
}