#bigPokemonCard {
    height: 800px;
    width: 600px;
    box-sizing: border-box;
    padding: 0;
}

.big-pokemon-card {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* top part */
.big-card-top {
    height: 50%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.big-card-img {
    height: 320px;
}

.big-card-top-text {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

/* bottom part*/
.big-card-bottom.silver {
    background: linear-gradient(90deg,
    #999 5%,
    #fff 10%,
    #ccc 30%,
    #ddd 50%,
    #ccc 70%,
    #fff 80%,
    #999 95%);
    height: 50%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.big-card-bottom.gold {
    background: linear-gradient(90deg,
    #b8860b 5%,
    #ffec8b 10%,
    #daa520 30%,
    #ffd700 50%,
    #daa520 70%,
    #ffec8b 80%,
    #b8860b 95%);
    height: 50%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.big-card-bottom-btn-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 24px 48px;
}

.big-card-bottom-btn {
    height: 40px;
    width: 80px;
    border-radius: 50%;
}

.big-card-bottom-btn:hover {
    cursor: pointer;
    box-shadow: 1px 1px 1px 1px;
}

/* tabs contents */
.tab-bar {
    display: flex;
    justify-content: space-evenly;
    margin-top: 24px;
    margin-bottom: 24px;
}

.tab-btn {
    font-size: 20px;
    border: none;
    background-color: transparent;
}

.tab-btn:hover {
    cursor: pointer;
    text-decoration: underline;
}

.tab-btn.active {
    text-decoration: underline;
    font-weight: bold;
}

.tab-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    box-sizing: border-box;
    padding: 24px 48px;
}

/* about tab */
.about-tab-box {
    display: flex;
    justify-content: space-around;
}

.about-tab-box-left {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.about-tab-box-right {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* stats tab */
.stats-tab-box {
    display: flex;
    justify-content: space-around;
}

.stats-tab-box-left {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.stats-tab-box-right {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* moves tab */
.moves-tab-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.moves-tab-box p {
    margin: 0;
}

/* abilities tab */
.abilities-tab-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.abilities-tab-box p {
    margin: 0;
}