#Background {
    background-image: url(/Assets/Generic/Background/IndexBackground.png);
}
#LoginMain {
    width: 320px;
    height: 640px;
    background: rgba(0, 0, 0, 0.3);
    position: relative;
    display: block;
    margin: auto auto;
    padding: 16px;
}
#QRCodeImage {
    margin: 19px;
}
#Regenerate {
    align-self: center;
    justify-self: center;
    display: flex;
    margin: auto auto;
}
#RegenerateBox {
    width: 100%;
}
#BottomControl {
    width: calc(100% - 32px);
    justify-items: center;
    align-items: center;
    bottom: 16px;
    position: absolute;
}
#Token {
    border-color: var(--BorderColor);
    color: white;
    background-color: var(--GenericBackgroundColor);
    border-radius: 3px;
    resize: none;
    font-size: 14px;
    width: 100%;
}
#TokenInfo {
    width: 100%;
}
main {
    align-items: center;
    justify-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
    width: 100%;
    height: 100%;
}