.page-session {
    background: url('/images/backgrounds/pages/landing/landscape.jpg');
    background-repeat: no-repeat;
    background-position: center center; 
    background-size: cover;     
    backdrop-filter: blur(46px);
    -webkit-backdrop-filter: blur(46px);
}

.continue{
    display: flex;
}

.session-container{
    width: 500px;
    margin: auto;
    height: 100%;
    flex-direction: column;
    display: flex;
    justify-content: center;
    overflow-y: auto;
}

.session-content{
    background-color: rgb(0 0 0 / 30%);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border-radius: 0.5em;
    padding: 10px;
} 


@supports (-moz-appearance:none) {
    .session-content {
      background-color: rgb(0 0 0 / 30%);
    } 

  }

.session-question{
    font-weight: 100;

}
.grid-btn{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 15px;
    cursor: pointer;
}

.reset img{
    width: 30px;
}

/* Desktop breakpoint */
@media (orientation: portrait) {
    .page-session {
        background: url('/images/backgrounds/pages/landing/portrait.jpg');
        background-repeat: no-repeat;
        background-position: center center;       
       
    }

    .session-container{
        width: 100%;
        padding: 10px;
    }

    .reset {
        width: 100%;
    }
}