#login {
	width:400px;
    text-align:center;
}
#login #nav {
	color:white;
    display:flex;
    justify-content:space-around;
}
#login #nav a, #login #backtoblog a, #login .privacy-policy-page-link a.privacy-policy-link{
    font-size:1.1rem;
    text-decoration:none;
    border-bottom:1px solid #6e6;
}
#login #nav a:hover, #login #backtoblog a:hover, #login .privacy-policy-page-link a.privacy-policy-link:hover {
	color:black;
    background-color:#6f6;
    border-bottom:none;
}
#login #nav a:focus, #login #backtoblog a:focus, #login .privacy-policy-page-link a.privacy-policy-link:focus {
	color:black;
    background-color:#6f6;
    border-bottom:none;
    outline:1px solid black;
    outline-offset:2px;
}
@media only screen and (max-width:400px){
    #login {
    	width:100vw!important;
        padding-left:0;
        padding-right:0;
    }
    #loginform {
    	width:fit-content!important;
        margin-left:0;
        margin-right:0;
        padding-left:1%!important;
        padding-right:1%!important;
    }
    #nav, #backtoblog, .login .privacy-policy-page-link{
    	margin-left:0;
        margin-right:0;
        padding-left:1%!important;
        padding-right:1%!important;
        text-align:left;
    }
    #login #nav{
    	display:block;
    }
}