@media (orientation: landscape) 
{
    #splash { width: 40%;left:50%;transform:translateX(-50%); } 
    #downloadapp { width: 40%;left:50%;transform:translateX(-50%); }
    #multiplayer { width: 40%;top:50%;left:50%;transform:translate(-50%,-50%); }
    #toss { width: 40%;left:50%;transform:translateX(-50%); }
    #userwon { width: 40%;left:50%;transform:translateX(-50%); }
    #cmpwon { width: 40%;left:50%;transform:translateX(-50%); }
    #overs { width: 40%;left:50%;transform:translateX(-50%); }
    #gameboard{ width: 40%;top:50%;left:50%;transform:translate(-50%,-50%); }
}
@media (orientation: portrait) 
{
    #splash { width: 100%;left:2%; }
    #downloadapp { width: 96%;left:2%; }
    #multiplayer { width: 96%;top:50%;left:2%;transform:translateY(-50%); }
    #toss { width: 96%;left:2%; }
    #userwon { width: 96%;left:2%; }
    #cmpwon { width: 96%;left:2%; }
    #overs { width: 96%;left:2%; }
    #gameboard{ width: 98%;top:50%;left:1%;transform:translateY(-50%); }
}
@font-face { font-family: "MyFont"; src: url('myfont.ttf'); }
@font-face { font-family: "MyFont2"; src: url('myfont2.ttf'); }
@font-face { font-family: "MyFont3"; src: url('myfont3.ttf'); }
body{margin:0;font-family:"MyFont";}