@media only screen and (min-width: 600px) {
    #dashboard-root {
        height: var(--full-height);
        width: var(--full-width);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
    }

    #dashboard-top-section {
        width: 50vw;
        height: 20vh;
    }

    #dashboard-user-nickname{
        width:50vw;
        height:5vh;
        font-size:4vh;
        text-align:center;
    }

    #dashboard-user-address{
        width:50vw;
        height:7vh;
        font-size: 2vh;
        overflow-wrap:break-word;
        text-align:center;
    }

    #dashboard-menu-bar{
        width:50vw;
        height:8vh;
        display:flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    #dashboard-bottom-section {
        width: 50vw;
        height: 80vh;
        overflow-y: scroll;
    }

    /*hide scrollbar for teh bottom section*/
    #dashboard-bottom-section::-webkit-scrollbar{
        display:none;
    }

    /*classes*/
    .dashboard-button{
        height:2em;
        width:2em;
        margin-left:0.5em;
        margin-left:0.5em;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size: 2em;

        border-color: black;
        border-style: solid;
        border-width: 0.05em;
        border-radius: 50%;
    }

    .dashboard-button:hover{
        background-color: gray;
    }
}