@media only screen and (max-width: 600px) {
    .poketube-container {
        width: 100%;
        height: fit-content;
        background-color: #fff;
        margin:0px;
        border: 2px solid var(--primary);
    }


    .title-bulbasaur h1 {
        color: #9BD9B6;
        font-size: 1rem;
    }

    .title-bulbasaur h2 {
        color: #90DDE7;
        text-decoration: none;
        font-size: 1rem;
    }

    .title-bulbasaur {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-color: #fff;
    }

    .title-charmander h1 {
        color: orange;
        font-size: 1rem;
    }

    .title-squirtle h1 {
        color: lightblue;
        font-size: 1rem;
    }

    .title-caterpie h1 {
        color: #83901a;
        font-size: 1rem;
    }

    .title-pidgey h1{
        color:#89f;
        font-size:1rem;
    }

    .title-normal h1{
        color:grey;
        font-size:1rem;
    }

    #bulbasaur-info {
        width: 100%;
        height:fit-content;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .gennavbar ul {
        width: 100%;
        height: 10vh;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0px;
        padding: 0px;
        margin: 0px;
    }

    .gennavbarchar ul {
        width: 100%;
        height: 10vh;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0px;
        padding: 0px;
        margin: 0px;
    }
    .gennavbarsqu ul {
        width: 100%;
        height: 10vh;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0px;
        padding: 0px;
        margin: 0px;
    }
    .gennavbarcaterpie ul {
        width: 100%;
        height: 10vh;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0px;
        padding: 0px;
        margin: 0px;
    }

    .gennavbarpidgey ul {
        width: 100%;
        height: 10vh;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0px;
        padding: 0px;
        margin: 0px;
    }

    .gennavbarnormal ul {
        width: 100%;
        height: 10vh;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0px;
        padding: 0px;
        margin: 0px;
    }

    .table-widget th {
        padding: 20px 16px;
        font-size: 0.5rem;
        color: #8D85B7;
        border: 2px solid #8D85B7;
    }

    .table-widget .imgtype img {
        width: 70%;
    }

    .table-widget th img {
        width: 40%;
    }

    #caption-moveset h2 {
        font-size: 1.5rem;
        color: #594B71;
    }

    .bulba-data {
        width: 100%;
    }

    .bulba-training {
        width: 100%;
    }
    #bulbasaur-contents p {
        color: #000;
        columns: 200px;
        padding: 20px;
    }

    .charmander-data {
        width: 100%;
    }

    .charmander-training {
        width: 100%;
    }
    #charmander-contents p {
        color: #000;
        columns: 200px;
        padding: 20px;
    }
    .squirtle-data {
        width: 100%;
    }

    .squirtle-training {
        width: 100%;
    }
    #squirtle-contents p {
        color: #000;
        columns: 200px;
        padding: 20px;
    }
    .caterpie-data {
        width: 100%;
    }

    .caterpie-training {
        width: 100%;
    }
    #caterpie-contents p {
        color: #000;
        columns: 200px;
        padding: 20px;
    }

    .pidgey-data {
        width: 100%;
    }

    .pidgey-training {
        width: 100%;
    }
    #pidgey-contents p {
        color: #000;
        columns: 200px;
        padding: 20px;
    }

    .normal-data {
        width: 100%;
    }

    .normal-training {
        width: 100%;
    }
    #normal-contents p {
        color: #000;
        columns: 200px;
        padding: 20px;
    }

    .movesset {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .table-widget {
        border-radius: 0px;
        width: 100%;
        background-color: var(--table-background);
        padding:0px;

        border: 2px solid #000;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
        text-align: center;
        overflow-x: auto;
    }

    .button-29 {
        align-items: center;
        appearance: none;
        background-color: #9BD9B6;
        border: 0;
        border-radius: 6px;
        box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset;
        box-sizing: border-box;
        color: #fff;
        cursor: pointer;
        display: inline-flex;
        font-family: "JetBrains Mono", monospace;
        height: 30px;
        justify-content: center;
        line-height: 1;
        list-style: none;
        overflow: hidden;
        padding-left: 5px;
        padding-right: 5px;
        position: relative;
        text-align: left;
        text-decoration: none;
        transition: box-shadow .15s, transform .15s;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        white-space: nowrap;
        will-change: box-shadow, transform;
        font-size: 10px;
    }

    .menu-bulbasaur {
        width: 100%;
        height: 10vh;
        background-color: #9BD9B6;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .menu-bulbasaur ul {
        padding: 0px;
        margin: 0px;
        height: 10vh;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .menu-charmander {
        width: 100%;
        height: 10vh;
        background-color: orange;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .menu-charmander ul {
        padding: 0px;
        margin: 0px;
        height: 10vh;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .menu-squirtle {
        width: 100%;
        height: 10vh;
        background-color: lightblue;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .menu-squirtle ul {
        padding: 0px;
        margin: 0px;
        height: 10vh;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .menu-caterpie {
        width: 100%;
        height: 10vh;
        background-color: #83901a;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .menu-caterpie ul {
        padding: 0px;
        margin: 0px;
        height: 10vh;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .menu-pidgey {
        width: 100%;
        height: 10vh;
        background-color: #89f;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .menu-pidgey ul {
        padding: 0px;
        margin: 0px;
        height: 10vh;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .menu-normal {
        width: 100%;
        height: 10vh;
        background-color: grey;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .menu-normal ul {
        padding: 0px;
        margin: 0px;
        height: 10vh;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    
    
    
  }

  @media only screen and (min-width: 768px) and (max-width: 1024px){



    

  }