@media (orientation: portrait) {
    #sidebar {
        display: none;
    }

    #loginRegisterButton {
        display: none !important;
    }

    #loginRegisterWindow {
        display: none;
    }

    #loggedInAs {
        display: none;
    }

    #playButton {
        display: none;
    }

    #nameBox {
        display: none;
    }

    #gameTitle {
        display: none;
    }

    #leaderboard {
        padding-top: 0;
        height: 100%;
        width: 100%;
        border-radius: 12px;
    }

    #leaderboardTitle {
        font-weight: 400;
        font-size: 2.5rem;
        padding: 0.2rem;
    }

    #leaderboardContent {
        font-size: 1rem;
        padding: 0;
        padding-left: 10px;
        padding-right: 0;
        padding-top: 0.1em;
    }

    #scoreTable {
        font-size: 1rem;
        font-weight: 300;
    }

    #scoreTable td:first-child {
        max-width: 2em;
    }

    #playArea {
        display: none;
    }

    table {
        border: none;
        border-collapse: collapse;
    }
    
    th,
    td {
        border-left: none;
        border-right: none;
        border-bottom: none;
        border-collapse: collapse;
        padding: 0.5rem;
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    tr {
        border-collapse: collapse;
    }

    

    #desktopReminder {
        display: flex;
        position: fixed;
        z-index: 9999;
        height: 4rem;
        width: calc(100% - 4rem);
        background-color: rgba(40,40,40,0.4);
        border-radius: 12px;
        align-items: center;
        justify-items: center;
        justify-content: center;
        align-self: center;
        justify-self: center;
        text-shadow: 0px 0px 20px rgba(255,255,255,0.1);
        font-weight: 400;
        backdrop-filter: blur(14px) brightness(0.5); 
        bottom: 3rem;
        left: 2rem;
    }
    
    #reminderText {
        font-size: 1rem;
    }
    


    #titleScreen {
        position: fixed;
        box-shadow: none;
        height: calc(100% - 2rem);
        width: calc(100% - 2rem);
        top: 1rem;
        left: 1rem;
        display: flex !important;
        flex-direction: column;
        justify-content: center;

    }
    
}