/**
 * index.css
 *
 * Helps design the login screen.
 * 
 * References:
 *   Format button hyperlinks: https://www.w3schools.com/howto/howto_css_button_on_image.asp
 *   Format button hyperlinks: https://blog.hubspot.com/website/remove-underline-from-links-css
 */

/* Make this a body in the Samsung Tizen app */
.samsung-background-image {
    background: url('https://test-cdn.feedmytv.com/vecteezy_television-screen-error-tv-test-pattern-and-tv-no-signal_4349996.jpg') no-repeat center center fixed;
}

#logo-image {
    width: 100%;
    max-width: 35vw;
    height: auto;
    grid-column: 1 / span 3;
    user-select: none;
    margin-left: auto;
    margin-right: auto;
}

@media all and (orientation: portrait) {
    #logo-image {
        max-width: 100%;
    }
}

#registration-text {
    display: none;
    font-weight: bold;
    user-select: none;
    grid-column: 1 / span 3;
    text-align: center;
    font-size: 1.5vw;
    margin-left: 1rem;
    margin-right: 1rem;
}

.generic-button {
    font-size: 1.5vw;
}

#register-button {
    grid-column: 3;
    display: none;
    grid-column: 2 / span 2;
}

#watch-button {
    grid-column: 1;
    display: none;
}

#forget-button {
    grid-column: 2;
    display: none;
}

#login-button {
    grid-column: 3;
    display: none;
}

#exit-button {
    display: none;
}