@media screen and (orientation: landscape){
    #login1{
    font-size:10vh;
    color:#ff0000;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-top:10vh;
    margin-bottom:10vh;
}
#login2{
    font-size:5vh;
     max-width:80vw;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
.login222{
    display:inline-block;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}
.login22{
    text-align:right;
    display:inline-block;
}
#login3{
    text-decoration:none
    font-size:3vh;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
}


@media screen and (orientation: portrait) {
#login1{
    font-size:10vw;
    color:#ff0000;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-top:10vw;
    margin-bottom:10vw;
}
#login2{
    font-size:5vw;
    max-width:80vw;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.login222{
    display:inline-block;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}
.login22{
    text-align:center;
    display:inline-block;
}
#login3{
    text-decoration:none
    font-size:3vw;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

}