/* SWITCH TO PORTRAIT MODE (force landscape) */
@media only screen and (orientation: portrait){
    body{
        width: 100vh;
        height:100vw;
        transform-origin: left;
        transform: translate(50vw,-50%) rotate(90deg);
        -webkit-transform: translate(50vw,-50%)  rotate(90deg);
    }
    #time-line{
        height:90vw;
        top:5vw;
    }
    #stats-bottom, #side-btn{
        bottom:5vw;
    }
}

@media only screen and (max-width:1200px){
    body{
        font-size: 14px;
    }
    .side-btn{
        font-size: 18px;
    }
    .title{
        font-size: 18px;
        line-height: 25px;
    }
    .paragrapher{
        margin-top:15px;
    }
    .hyphen{
        width:20px;
        top:33px;
    }
    #no-hls{
        font-size: 30px;
    }
    #info{
        max-width: 250px;
    }
    #counter{
        font-size: 18px;
    }
    #clear-btn{
        font-size: 12px;
    }
    #notification{
        font-size: 14px;
        max-width: 380px;
    }
}