*{
    
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
#preloader
{
  background: #000 url(./flixhub-ezgif.com-resize.gif) no-repeat  center !important;
  background-size: contain !important;
  height: 100vh !important;
  width: 100% !important;
  position: fixed !important;
  z-index: 10000 !important;
}
@font-face {
    font-family: font1;
    src: url(./NetflixSans-Medium.otf);
}
@font-face {
    font-family: font2;
    src: url(./NetflixSans-Bold.otf);
}
@font-face {
    font-family: font3;
    src: url(./NetflixSans-Regular.otf);
}
.hero-section
{
    background-image: url(./img/netflixbg.jpeg);
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    padding: 100px 0px;
}
.getstarted h1{
    color: white !important;
    font-family: font1;
    text-transform: uppercase !important;
}
.netflix-button
{
    background-color: #e50914 !important;
    color: white !important;
    font-size: 20px !important;
    font-family: font2 !important;
    border: none !important;
    text-transform: uppercase !important;
}
.netflix-button:hover
{
    background-color: #ff0000 !important;
    color: white !important;
    font-family: font1 !important;
}
#netflixred
{
    color: #e50914 !important;
}
.modal-dialog
{
    max-width: 400px !important;
    padding-bottom: 20px !important;
}
.login-container {
   
    /* padding: 2rem; */
    border-radius: 8px;
    width: 50% !important;
    margin: auto !important;
   
}

.form-control {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white !important;
}

.form-control::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

.error-text {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.btn-signin {
    background-color: #ef0c23 !important;
    border: none !important;
    width: 100% !important;
    padding: 0.75rem !important;
    font-family: font3 !important;
}

.btn-code {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none !important;
    width: 100% !important;
    padding: 0.75rem !important;
    font-family: font3 !important;
    color: white !important;
}

.divider {
    color: rgba(255, 255, 255, 0.6) !important;
    margin: 1rem 0 !important;
    text-align: center !important;
}

.forgot-password {
    color: white !important;
    text-decoration: none !important;
    text-align: center !important;
    display: block !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}