main > header {
    height: 40px;
}

main > header > button {
    width: 40px;
    height: 40px;
}

main > section.logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(40% - 20px);
}

main > section.logo > img {
    width: 75%;
}


main > section.information {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

main > section.information > p {
    opacity: 0.50;
    font-size: smaller;
    font-weight: 600;
}


main > header > button#close {
    opacity: 0.75;
    font-size: 18px;
}

main > header > button#close:hover {
    opacity: 1;
}

main > section.frames > article.frame {
    text-align: center;
}

main > section.frames > article.frame > button {
    color: #FFFFFF;
    width: 85%;
    height: 32px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
}

main > section.frames > article.frame > button#yggdrasil {
    background-color: #db1f29;
}

main > section.frames > article.frame > button > i {
    margin-right: 4px;
}

main > section.frames > article.frame > button:hover {
    filter: brightness(0.75);
}

main > section.frames > article.frame.provider > button#discord {
    color: #FFFFFF;
    background-color: #5865F2;
}

main > section.frames > article.frame.manual > input {
    background-color: #333333;
    width: 85%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 7px;
}

main > section.frames > article.frame.manual > button {
    background-color: #ff9400;
}

main > section.frames > article.frame.manual > a {
    color: #ff9400;
    font-size: 11px;
    text-align: left;
}

main > section.frames > article.frame.manual > a:first-of-type {
    margin-top: 3px;
}

main > section.frames > article.frame.manual > a:last-of-type {
    margin-bottom: 10px;
}

main > section.frames > article.frame.oauth2 > p {
    color: #FFFFFF;
    font-weight: 600;
    margin-top: 10px;
    font-size: 14px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

div.loader > div.full > div.loading {
    background-color: #ffffff;
}

div.loader > div.full {
    background-color: transparent;
}

::-ms-reveal {
    filter: invert(100%);
}