body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-float 3s ease-in-out infinite;animation:App-logo-float 3s ease-in-out infinite}}.App-header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-link{color:#704cb6}@-webkit-keyframes App-logo-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes App-logo-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.loginpage{background:url(http://s3-us-west-2.amazonaws.com/techvibes/wp-content/uploads/2017/04/24135159/Netflix-Background.jpg);background-size:100% 100%;background-repeat:no-repeat;overflow-x:hidden}.btn{width:100px;height:40px;font-size:17px;color:#fff;font-weight:500;background-color:#e50914;margin-right:60px;border:none;border-radius:5px}.blackpage{background:rgba(0,0,0,.6)}.logincontent{color:#fff;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.logincontent form{display:flex;margin-top:20px}.logincontent input{width:500px;font-size:15px;padding:20px 10px;background-color:#fff;color:#000}.logincontent button,.logincontent input{height:80px;border:none;display:flex;align-items:center}.logincontent button{width:300px;text-align:center;font-size:30px;font-weight:500;color:#fff;justify-content:center;background-color:#e50914}.logincontent h1{font-size:70px;line-height:80px;font-weight:700}.logincontent h3{font-size:30px;margin:12px;font-weight:500}.logincontent h4{font-size:20px;font-weight:500;margin-top:25px}.lognav{width:100%;height:90px;display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;padding:10px 20px}.lognav img{width:220px;height:150px;-webkit-filter:drop-shadow(5px 5px 5px rgba(0,0,0,.8));filter:drop-shadow(5px 5px 5px rgba(0,0,0,.8))}@media(max-width:600px){.logincontent h1{font-size:40px;font-weight:700;line-height:50px}.logincontent form input{width:200px}.logincontent button{width:120px;font-size:20px}.btn{margin-right:20px}}.lognavs{width:100%;height:90px;display:flex;align-items:center;position:fixed;top:0;padding:10px 20px;z-index:1}#img{width:40px;height:40px}#img,.link{margin-left:auto}#netflixlogo{width:200px;height:100px}.lognav-black{background:#000}.lognavs ul{list-style:none;margin:0;padding:0}.lognavs ul li{display:inline-block;margin-right:15px;font-size:20px;font-weight:500;color:#fff}.lognavs ul li a{color:#fff}.lognavs ul li a,.lognavs ul li a:hover{text-decoration:none}@media(max-width:700px){.lognavs ul{display:none}}.banner{width:100%;height:500px;object-fit:contain;box-shadow:inset 0 2px 2px rgba(0,0,0,.5),2px 4px 8px rgba(0,0,0,.4),4px 8px 10px rgba(0,0,0,.3)}.bannercontent{position:absolute;top:180px;left:100px;width:500px;height:auto;display:flex;flex-direction:column;color:#fff}.bannercontent h1{margin-bottom:20px;font-size:50px;font-weight:500}.bannercontent h4{font-weight:500;font-size:20px}.bannerbuttons{display:flex}.bannerbuttons button{margin:20px;width:120px;height:40px;border-radius:5px;font-size:17px;border:none;outline:none;display:flex;justify-content:center;align-items:center;padding:10px}.bannerbuttons .play{background-color:#fff;color:#000}.bannerbuttons .info{background-color:rgba(0,0,0,.6);color:#fff}@media(max-width:700px){.bannercontent{top:150px;left:50px;width:300px}}.rowdiv{display:flex;flex-direction:column}.rowdiv h2{color:#fff;font-size:25px;font-weight:500;margin:10px}.inrowdiv{display:flex;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;overflow:-moz-scrollbars-none}.movie{min-width:200px;height:150px;background-repeat:no-repeat;background-size:100% 100%;border-radius:5px;margin:10px;position:relative}.loginpages{width:100vw;height:100vh;background:url(http://s3-us-west-2.amazonaws.com/techvibes/wp-content/uploads/2017/04/24135159/Netflix-Background.jpg);background-size:100% 100%;background-repeat:no-repeat;overflow-x:hidden}.blackpage{width:100%;height:100%;background-image:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,0,0) 60%,rgba(0,0,0,.8)100%)}.form{position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);top:200px;background-color:rgba(0,0,0,.8);padding:20px;display:flex;flex-direction:column}.form h2{color:#fff}.input{position:relative;width:350px;height:50px;font-size:20px;margin:10px 10px 10px 0}.input,.input input{background-color:#333}.input input{width:100%;height:100%;padding:10px;font-size:15px;color:#878787;border:none}.input span{position:absolute;top:10px;left:15px;transition:all .5s ease;font-size:20px;pointer-events:none}input:focus+span,input:valid+span{top:2px;left:10px;font-size:15px}.form form{color:#fff;display:flex;flex-direction:column}.form p{color:#878787;margin:20px}.form span{color:#fff;text-decoration:none}input[type=submit]{background-color:#e50914;width:350px;height:50px;padding:15px;font-size:20px;color:#fff;border:none;margin:10px 10px 10px 0}.lognavss{width:100%;height:90px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;padding:10px 20px;z-index:1}#imgs{width:40px;height:40px;margin-left:auto}#netflixlogos{width:200px;height:100px}.main1{display:flex;flex-direction:column;position:absolute;top:100px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.main1 h2{color:#fff;font-size:40px;font-weight:500}#imgs2{width:100px;height:100px;margin-right:20px}.sidebox{width:500px;color:#fff}.sidebox div{position:relative;width:100%}.sidebox .email{background-color:#878787;color:#fff;padding:10px 20px}.bigdiv{font-size:15px;padding:5px;display:flex;flex-direction:column}.sidebox .Signout{width:500px;height:40px;font-size:20px;background-color:#e50914;color:#fff;border:none}.subscribe{display:flex;justify-content:space-between;padding:10px 0 10px 25px}.subscribe h4{font-size:18px}.subscribe p{font-size:15px}.sidebox button{width:200px;height:40px;font-size:20px;background-color:#e50914;color:#fff;border:none}@media(max-width:700px){.sidebox,.sidebox .Signout{width:300px}.subscribe{padding:10px 0 10px 20px}.main1 h2{font-size:30px}.main1{top:150px}#imgs2{width:50px;height:50px;margin-right:10px}}*{margin:0;padding:0;box-sizing:border-box}.loginpage{width:100vw;height:100vh}.signnav{width:100%;height:90px;display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;padding:10px 20px;border-bottom:.5 solid rgba(0,0,0,.1)}.signnav img{width:220px;height:150px}.sigincontent{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.sigincontent h2{font-size:40px;margin-bottom:10px}.sigincontent form,.sigincontent h2{display:flex;flex-direction:column}.sigincontent input{width:500px;height:50px;display:flex;align-items:center;background-color:#fff;padding:10px;margin:10px 0}.sigincontent form button{width:500px;height:50px;background-color:#e50914;color:#fff;font-size:25px;margin-top:15px}@media(max-width:700px){.sigincontent form button,.sigincontent input{width:400px}}
/*# sourceMappingURL=main.0409f6d8.chunk.css.map */