body{
    font-family: "Inter var experimental", "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue";
}
a{
    text-decoration: none;
}
.auth-button{   
    all:unset;                        
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 30px;
    font-family: "Noto Sans Display","Noto Sans",sans-serif;

} 
.button-arrow {
    
    background-color: transparent;
    height: 12px;
    width: 12px;
}
.button-arrow-right {
    
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    transform: translateX(-25%) rotate(45deg);
}
.button-content{
    padding-right: 10px;
    color: #686b9b;
}
.access-token{
    padding-top: 20px;
}
.who{
    padding-top: 20px
}
 #code, #iss, #realm, #client_id, #state { color: black; font-size: 14px; background-color: Azure; padding-left:4px; padding-right:4px; }