:root{--main-red:#d30913;--main-red-hover:#e40914;--main-dark:#141414;--main-deep-dark:#000;--main-grey:#999}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica;-webkit-font-smoothing:antialiased;background:#141414;background:var(--main-dark);overflow-x:hidden}a,body{color:#fff}a{text-decoration:none}h1,h2,h3,h4{color:var(--main-white)}.header-container{width:100vw;height:90vh;position:relative;background:radial-gradient(transparent,rgba(0,0,0,.7)),url(/static/media/pupmovies.8c47a93f.jpg) no-repeat 50%/cover}.header-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);box-shadow:inset 4.375rem 3.125rem 11.875rem #000,inset -4.375rem -3.125rem -11.875rem}.main-login-container{width:100%;height:100%;position:relative;background:radial-gradient(transparent,rgba(0,0,0,.5)),url(/static/media/pupmovies.8c47a93f.jpg) no-repeat 50%/cover}@media (max-width:800px){.main-login-container{background:#000}}.main-login-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);box-shadow:inset 70px 50px 190px #000,inset -70px -50px -190px}.header-top{position:relative;height:10rem;z-index:1}.tab-icon-door{width:2.8125rem;height:2.185rem;fill:var(--main-grey)}@media (max-width:300px){.tab-icon-door{width:2.4rem;height:2.4rem;overflow-x:hidden}}.tab-icon-devices{width:9.6875rem;height:9.6875rem;fill:var(--main-grey);overflow-x:hidden}@media (max-width:900px){.tab-icon-devices{width:8rem;height:8rem;overflow-x:hidden}}.tab-icon-price{width:4.375rem;height:4.375rem;overflow-x:hidden;fill:var(--main-grey)}@media (max-width:900px){.tab-icon-price{width:2.4rem;height:2.4rem}}.tabs{padding-top:1rem}.tab-nav-container{display:grid;justify-content:center;align-content:center;text-align:center;grid-template-columns:repeat(3,1fr);grid-gap:1rem;list-style:none;color:var(--main-grey);margin:0 12%}ul li:hover{color:#fff;cursor:pointer}ul li:hover svg path{fill:#fff}.active{border-bottom:4px solid var(--main-red)}.tab-selected{color:#fff}.tab-selected svg path{fill:#fff}@media (min-width:900px){.mdScreen{display:none}}@media (max-width:900px){.lgScreen{display:none}.mdScreen{display:block;margin-bottom:.4rem}}:root{--primary:#141414;--light:#f3f3f3;--dark:#686868}body,html{width:100vw;min-height:100vh;margin:0;padding:0;background-color:#141414;background-color:var(--primary);color:#f3f3f3;color:var(--light);font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;line-height:1.4}h1{padding-top:60px;display:flex;margin:0 auto;justify-content:center}.wrapper{margin:0;padding:0}header{padding:20px 20px 0;position:fixed;top:0;display:grid;grid-gap:5px;grid-template-columns:1fr 4fr 1fr;grid-template-areas:"nt mn mn sb . . . ";background-color:#141414;background-color:var(--primary);width:100%;margin-bottom:0}.netflixLogo{grid-area:nt;object-fit:cover;width:100px;max-height:100%;padding-left:30px;padding-top:0}.btn-signIn-btn{margin:1.5625rem 3% 0;padding:.2475rem 1.0625rem;line-height:normal;font-weight:700;color:var(--red);font-size:1.25rem;right:0;position:absolute;cursor:pointer}.netflixLogo img{height:35px}#logo{color:#e50914;margin:0;padding:0;pointer-events:none}.main-nav{grid-area:mn;padding:0 30px 0 20px}#banner{position:absolute;top:0;left:0;right:0;width:100%;height:200px;z-index:-1}.main-nav a{color:#f3f3f3;color:var(--light);text-decoration:none;margin:5px;height:90px;line-height:1px;float:right}.main-nav a:hover{color:#686868;color:var(--dark)}.sub-nav{grid-area:sb;padding:0 40px}.sub-nav a{color:#f3f3f3;color:var(--light);text-decoration:none;margin:5px}.sub-nav a:hover{color:#686868;color:var(--dark)}.main-container{padding:50px}.box{display:grid;padding:40px;margin:0 auto;grid-gap:20px;grid-template-columns:repeat(6,minmax(100px,1fr))}.box,video{justify-content:space-between}video{margin:40px;padding:40px 30px 20px 20px}.box video{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;border-radius:2px}.box video:hover{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:scale(1.3);transform:scale(1.3)}.link{padding:50px}.sub-links ul{list-style:none;padding:0;display:grid;grid-gap:20px;grid-template-columns:repeat(4,1fr)}.sub-links a{color:#686868;color:var(--dark);text-decoration:none}.sub-links a:hover{color:#686868;color:var(--dark);text-decoration:underline}.logos a{padding:10px}.logo,footer{color:#686868;color:var(--dark)}footer{padding:20px;text-align:center;margin:10px}@media (max-width:900px){header{display:grid;grid-gap:20px;grid-template-columns:repeat(2,1fr);grid-template-areas:"nt nt nt  .  .  . sb . . . " "mn mn mn mn mn mn  mn mn mn mn"}.box video,.box video:hover{-webkit-transition:none;transition:none}.box video:hover{-webkit-transform:none;transform:none}.box{display:grid;grid-gap:20px;grid-template-columns:repeat(4,minmax(100px,1fr));justify-content:center}}@media (max-width:820px){header{display:grid;grid-gap:20px;grid-template-columns:repeat(2,1fr);grid-template-areas:"nt nt nt  .  .  . sb . . . " "mn mn mn mn mn mn  mn mn mn mn"}.box video:hover{-webkit-transform:none;transform:none}.box video,.box video:hover{-webkit-transition:none;transition:none}h1{justify-content:center}.box{margin:0 auto;display:grid;grid-gap:10px;grid-template-columns:repeat(3,minmax(100px,1fr))}video{margin:50px;padding:2px;justify-content:center}.sub-links ul{display:grid;grid-gap:20px;grid-template-columns:repeat(3,1fr)}}@media (max-width:500px){.wrapper{font-size:15px;overflow-y:none}header{margin:0;padding:20px 0 0;position:static;display:grid;grid-gap:20px;grid-template-columns:repeat(1,1fr);grid-template-areas:"nt" "mn" "sb";text-align:center;overflow-y:none}.netflixLogo{max-width:100%;margin:auto;padding-right:20px}.main-nav{display:grid;grid-gap:0;grid-template-columns:repeat(1,1fr)}.main-nav,h1{text-align:center}h1{font-size:18px}.box{display:grid;grid-gap:-90px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;grid-template-columns:repeat(1,1fr);text-align:center}.box:hover{-webkit-transform:none;transform:none}.logos{grid-gap:20px;grid-template-columns:repeat(2,1fr)}.logos,.sub-links ul{display:grid;text-align:center}.sub-links ul{grid-gap:20px;grid-template-columns:repeat(1,1fr);font-size:15px}}
/*# sourceMappingURL=main.a3874351.chunk.css.map */