@media only screen and (max-width: 600px) {
    :root{
        --background: #EBECF0;
        --table-background: #ffffff;
        --primary: #101824;
        --gray: #A0A7B1;
        --odd-row: #f6f9ff;
        --gray-background: #EDEEF1;
        --gray-mid: #F1F2F6;
    }
    
    body{
        padding:0px;
        margin:0px;
        background-color:#8D85B7;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        font-style: normal;
    }
    .main-bar {
        width: 100%;
        height: 10vh;
        background-color: #8EACCD;
        border-radius:0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .under-menu{
        width:100%;
        height:5vh;
        display:flex;
        justify-content: center;
    }
    
    .under-menu-content{
        width:100%;
        height:5vh;
        border-radius: 0px;
        background-color: #8EACCD;
    }
    
    .under-menu-content ul{
        width:100%;
        padding:0px;
        display:flex;
        justify-content: space-around;
    }
    
    .under-menu-content ul li{
        list-style: none;
    }
    
    .under-menu-content a{
        text-decoration: none;
        color:#594B71;
    }
    

    
    .pokedex-container{
        width:100%;
        display:flex;
        justify-content: space-around;
        flex-direction: column;
    }
    

    
    
  }